@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap");:root{--ink:#172f2b;--muted:#75817f;--line:#e4e9e6;--green:#245e48;--mint:#d9f3a5;--paper:#f6f8f5}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px;background:var(--paper)}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.5;cursor:default}a{text-decoration:none}a,button{color:inherit}button{border:0;background:none}button:hover{filter:brightness(.96)}a:focus-visible,button:focus-visible{outline:3px solid #9abe6d;outline-offset:3px}h1,h2,h3,p{margin:0}.brand,h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:33px;letter-spacing:-1.2px;line-height:1.25}h1,h2{font-weight:650}h2{letter-spacing:-.7px}h3{font-size:16px;font-weight:700}small{font-size:12px;color:var(--muted);font-weight:400;line-height:1.5}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fcfdfa;border-right:1px solid var(--line);padding:33px 19px 18px;display:flex;flex-direction:column}.brand{font-weight:800;font-size:30px;letter-spacing:-1.6px;display:flex;align-items:center;margin:0 12px 48px;gap:9px}.brandIcon{background:var(--ink);width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--mint)}.brandPeriod{color:#76a83c;margin-left:-8px}.workspaceLabel{font-size:9px;font-weight:700;color:#9aa6a0;letter-spacing:1.6px;padding:0 14px;margin-bottom:16px}nav{display:grid;gap:7px}nav button{justify-content:flex-start;padding:13px 15px;border-radius:8px;color:#76827c;font-size:13px;font-weight:550;gap:12px}nav button.active{background:#eaf0e6;color:var(--ink)}nav button.active svg{color:var(--green)}nav button b{margin-left:auto;border-radius:5px;background:#d5e2c8;font-size:11px;padding:2px 6px}.sidebarFoot{margin-top:auto}.privateMark{display:flex;gap:10px;font-size:11px;padding:20px 12px;color:#65806f}.privateMark small{display:block;font-size:10px;margin-top:3px;color:#8c9991}.profile{border-top:1px solid var(--line);padding:20px 8px 4px;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600}.profile>span{background:#e1e7d8;border-radius:50%;height:34px;width:34px;display:grid;place-items:center}.profile small{display:block;font-size:10px}.profile a{margin-left:auto;color:#849087}main{margin-left:236px;flex:1 1;min-width:0}.topbar{height:76px;background:#fcfdfa;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 42px;font-size:12px}.topbar,.topbar>span{display:flex;align-items:center}.topbar>span{gap:12px;color:#7a8780}.topActions{gap:24px}.privacy,.topActions{display:flex;align-items:center}.privacy{font-size:11px;gap:7px}.privacy>span,.tinyDot{display:inline-block;border-radius:50%;width:6px;height:6px;background:#759d65}.topActions select{border:1px solid var(--line);padding:7px 10px;border-radius:6px;background:white;font-size:12px;color:var(--ink)}.content{max-width:1510px;padding:37px 42px 0;margin:auto}.pageHeading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8b9a8b;margin-bottom:10px}.pageHeading p{color:var(--muted);font-size:12px;margin-top:10px}.primary,.secondary{border-radius:7px;padding:12px 17px;font-size:12px;font-weight:600;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--ink);color:#fff}.secondary{background:white;border:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:22px 24px}.stat>div:first-child{display:flex;justify-content:space-between;gap:8px;color:#74847a;font-size:12px}.stat>div:first-child svg{opacity:.6}.stat h2{font-size:37px;margin:16px 0 7px;font-weight:600;letter-spacing:-1.6px}.stat h2 small{font-family:DM Sans,sans-serif;font-size:14px;letter-spacing:0;margin-left:8px}.stat>span{font-size:10px;color:#8c978f}.darkStat{background:#1e3e33;color:#fff;border-color:#1e3e33}.darkStat small,.darkStat>div:first-child{color:#c2d5c2}.darkStat>span{color:#bed0be}.darkStat h2{margin:12px 0}.progress{height:4px;background:#496251;border-radius:5px;margin:13px 0 10px;overflow:hidden}.progress i{display:block;height:100%;min-width:2px;background:var(--mint)}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.overviewGrid{display:grid;grid-template-columns:1.15fr 1fr;gap:23px;margin-bottom:26px}.connectCard{background:#edf2e8;min-height:249px;padding:24px 28px;position:relative}.cardEyebrow{font-size:8px;letter-spacing:1.4px;font-weight:700;display:flex;gap:7px;align-items:center;color:#71836f}.connectCard h2{font-size:25px;line-height:1.25;margin:17px 0 10px;position:relative;z-index:1}.connectCard p{font-size:11px;line-height:1.6;color:#788573;width:57%;position:relative;z-index:1}.connectCard button{margin-top:19px;font-size:11px;font-weight:700;padding:0}.carDrawing{position:absolute;width:45%;right:11px;top:92px;opacity:.9}.checklist{padding:23px 26px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:16px}.sectionTitle p{font-size:11px;color:#8c978f;margin-top:6px}.counter{font-size:10px;background:#edf1e9;padding:4px 7px;border-radius:5px}.checklist>button{display:flex;text-align:left;width:100%;justify-content:flex-start;padding:17px 0;border-bottom:1px solid #eff2ee;gap:12px}.checklist>button:last-child{border:0;padding-bottom:0}.checkIcon{height:33px;width:33px;display:grid;place-items:center;background:#f3f6ef;border-radius:8px;color:#71866c}.checklist strong{font-size:11px;font-weight:600}.checklist small{display:block;font-size:10px;margin-top:2px}.checklist>button>svg:last-child{margin-left:auto;color:#a3ada4}.pad{padding:23px 25px}.textButton{font-size:11px;font-weight:600;color:#446348;padding:0;display:inline-flex;align-items:center;gap:7px}.empty{text-align:center;padding:35px 30px 40px;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:230px}.emptyIcon{width:56px;height:56px;display:grid;place-items:center;background:#f0f4eb;color:#73866c;border-radius:17px;margin-bottom:17px}.empty h3{font-size:17px}.empty p{font-size:12px;line-height:1.7;color:#8a948c;max-width:370px;margin:9px 0 18px}.footNote{font-size:10px;color:#8c978c;display:flex;align-items:center;gap:8px;margin:18px 0}.footNote button{margin-left:auto;font-size:10px;color:#5b765b}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#fafcf8;border-top:1px solid #f0f2ee;border-bottom:1px solid var(--line);padding:12px 22px;font-weight:500;font-size:10px;color:#8c988d}td{padding:19px 22px;font-size:12px;border-bottom:1px solid #edf1ea}td strong{font-weight:600}td small{display:block;font-size:10px;margin-top:4px}.inline{display:inline}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:#fbfcf9}.routeCell{max-width:330px}.routeCell span{display:flex;gap:10px;align-items:center;max-width:300px;overflow:hidden;text-overflow:ellipsis;font-size:11px}.routeCell span+span{margin-top:9px}.dot{border-radius:50%;height:6px;width:6px;border:1px solid #9ba997;flex-shrink:0}.dot.end{background:#8ba47b;border-color:#8ba47b}.badge{font-size:9px;padding:5px 8px;border-radius:5px;display:inline-block}.badge.business{background:#eff4e9;color:#67824f}.badge.private{background:#eef0fa;color:#7978a5}.badge.unknown{background:#fcf1dc;color:#a18343}.confirmed,.pending{font-size:10px;display:flex;align-items:center;gap:5px;color:#7c9670}.pending{color:#b09154}.toolbar{padding:18px 22px;display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap}.tabs{display:flex;gap:3px;background:#f3f6ef;border-radius:6px;padding:3px}.tabs button{font-size:11px;padding:8px 12px;border-radius:4px;color:#85907d}.tabs button.selected{background:#fff;color:#345238;box-shadow:0 1px 4px #152c1810}.search{display:flex;gap:7px;align-items:center;border:1px solid var(--line);padding:0 11px;border-radius:6px;margin:0;color:#94a28a}.search input{border:0;padding:10px 0;width:160px;font-size:11px}.panelFooter{padding:15px 23px;border-top:1px solid var(--line);font-size:10px;color:#8c9688;display:flex;justify-content:space-between}.history{padding:20px;background:#fafcf8;font-size:12px}.history details{padding:13px;border-bottom:1px solid var(--line)}pre{max-width:100%;overflow:auto;font-size:10px}.infoBox{display:flex;gap:14px;padding:20px 22px;border-radius:10px;background:#edf2e7;color:#6e8164;margin-bottom:24px;font-size:12px;line-height:1.6}.infoBox>svg{flex-shrink:0;margin-top:2px}.infoBox strong{display:block;margin-bottom:4px;color:#4d6846;font-size:12px}.infoBox a{display:block;margin-top:8px;text-decoration:underline;font-size:11px}.placeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.placeGrid>.empty{grid-column:1/-1}.placeCard{padding:26px;text-align:left;display:block}.placeCard>svg{color:#698b5e;margin-bottom:20px}.placeCard p{font-size:12px;color:#84927c;margin:8px 0 12px}.placeCard span{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:20px;color:#5a7650}.connectionPage,.reportGrid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-bottom:24px}.reportCard{padding:30px}.reportCard>svg{color:#6f8c62;margin-bottom:22px}.reportCard h2{font-size:25px;margin:15px 0}.reportCard>p{font-size:12px;color:#899580;line-height:1.8;margin:12px 0 20px}.reportCard>a.primary,.reportCard>button{display:flex;width:100%;margin:12px 0}.reportNumbers{display:flex;gap:45px;padding:22px 0;margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reportNumbers span{font-size:23px;font-weight:600}.reportNumbers small{display:block;font-size:11px;margin-top:5px}.warningList{margin:24px 0;max-height:390px;overflow:auto}.warningList p{font-size:12px;display:flex;align-items:flex-start;gap:10px;color:#9b8a61;line-height:1.6;padding:12px 0;border-bottom:1px solid #f1f2ec}.warningList svg{flex-shrink:0;margin-top:2px}.connectionIcon{display:grid;place-items:center;width:66px;height:66px;background:#edf3e6;color:#6c8c5c;border-radius:20px;margin-bottom:20px}.steps{list-style:none;padding:0;margin:30px 0}.steps li{display:flex;gap:16px;margin-bottom:23px}.steps b{width:25px;height:25px;background:#f0f4eb;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}.steps strong{font-size:12px}.steps p{font-size:11px;color:#8a9781;line-height:1.7;margin-top:5px}.setupPending{background:#f7f3e8;color:#a08e5d;border-radius:7px;padding:13px;font-size:11px;display:flex;align-items:center;gap:9px}.featureList{list-style:none;padding:0;margin:21px 0}.featureList li{display:flex;gap:10px;font-size:12px;padding:10px 0;color:#6e8563}.smallText{font-size:11px!important;color:#8b9884!important;line-height:1.7;margin:12px 0 20px!important}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.settingsForm{padding:30px;max-width:800px}.settingsForm h3{margin-bottom:23px}.settingsForm .formGrid{margin-bottom:29px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}label{display:block;font-size:11px;font-weight:500;margin-bottom:18px;color:#5e7163}input,select,textarea{display:block;width:100%;background:#fff;border:1px solid #dce4db;border-radius:6px;padding:11px 12px;margin-top:7px;color:#2e4737;font-size:12px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#759d68;box-shadow:0 0 0 3px #edf3e8}input[readonly]{background:#f7f9f4;color:#8c9984}textarea{min-height:75px;resize:vertical}.checkbox{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.5;padding:14px;border-radius:7px;background:#f3f6ed}.checkbox input{width:16px;height:16px;margin:0;accent-color:#345b37}.overlay{position:fixed;inset:0;background:#142b245c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.modal{background:white;border-radius:15px;width:660px;max-height:92dvh;overflow:auto;box-shadow:0 20px 100px #0e251e40}.modalHeader{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:white;z-index:2;padding:24px 29px;border-bottom:1px solid var(--line)}.modalHeader h2{font-size:22px}.modalHeader .eyebrow{margin-bottom:5px}.iconButton{padding:6px}.modal form{padding:25px 29px}.modalActions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.endpoint{border-top:1px solid #edf1e9;padding-top:18px;margin-bottom:18px}.coordinate{display:grid;grid-template-columns:1fr 1fr;gap:15px}.coordinate label{font-size:10px;margin-bottom:7px;color:#8d9986}.coordinate input{padding:8px;font-size:11px}.endpoint>small{font-size:10px}.suggestions{margin-top:12px;background:#f6f8f1;padding:12px;border-radius:7px}.suggestions>button:not(.textButton){display:flex;width:100%;padding:10px 2px;text-align:left;justify-content:flex-start;font-size:11px}.suggestions span small{display:block;font-size:10px}.suggestions b{margin-left:auto;font-size:10px;color:#789263}.suggestions .textButton{margin-top:10px}.distanceSummary{display:flex;align-items:center;gap:8px;font-size:11px;padding:12px;background:#f2f6ec;border-radius:6px;margin:0 0 20px;color:#718662}.distanceSummary small{margin-left:auto;font-size:9px}.distanceSummary strong{color:#355237}.formNotice{color:#a3713d;font-size:12px;margin-top:20px;line-height:1.6}.alert,.demoBanner,.notice{display:flex;align-items:center;gap:12px;padding:13px 16px;background:#fff1d9;border:1px solid #f0ddbc;border-radius:8px;margin-bottom:23px;color:#9b7c41;font-size:12px}.alert button,.demoBanner button,.notice button{margin-left:auto;font-size:11px}.alert a{text-decoration:underline}.notice{background:#eaf2e1;color:#5e7d4f;border-color:#dbe7cf}.demoBanner{background:#e8edf7;border-color:#dce3f0;color:#6c7e9c}footer{margin-top:32px;border-top:1px solid var(--line);padding:24px 0;display:flex;gap:13px;font-weight:700;font-size:13px}footer span{font-size:10px;color:#9ba494;font-weight:400}footer span:last-child{margin-left:auto}@media(min-width:1500px){.content{padding-top:45px}.connectCard{min-height:270px}.connectCard h2{font-size:29px}}@media(max-width:1150px){.sidebar{width:200px;padding-left:10px;padding-right:10px}main{margin-left:200px}.content{padding:28px 25px 0}.topbar{padding:0 25px}.stat{padding:19px}.stat h2{font-size:31px}.placeGrid{grid-template-columns:1fr 1fr}.carDrawing{width:45%;top:125px}.connectCard p{width:70%}.overviewGrid{grid-template-columns:1fr 1fr}.checklist{padding:22px 19px}.footNote{flex-wrap:wrap}.footNote button{margin-left:0}.pageHeading h1{font-size:29px}}@media(max-width:800px){.sidebar{position:static;width:100%;height:auto;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.app{display:block}.brand{margin:0 0 17px;font-size:24px}.brandIcon{width:30px;height:30px;border-radius:8px}.sidebarFoot,.workspaceLabel{display:none}nav{display:flex;overflow:auto;gap:6px}nav button{padding:10px 12px;white-space:nowrap;font-size:11px;gap:6px}nav button svg{width:16px}main{margin:0}.topbar{height:55px;padding:0 23px}.content{padding:27px 21px 0}.pageHeading{align-items:flex-start}.pageHeading h1{font-size:27px}.pageHeading p{line-height:1.6;max-width:320px}.stats{gap:10px}.stat{padding:16px 13px}.stat>div:first-child{font-size:10px}.stat>div:first-child svg{display:none}.stat h2{font-size:27px}.stat h2 small{font-size:11px;margin-left:5px}.stat>span{font-size:9px}.overviewGrid{gap:14px}.connectCard{padding:22px}.connectCard h2{font-size:24px}.connectCard p{width:75%}.carDrawing{width:42%;top:139px}.checklist{padding:22px 18px}.reportCard{padding:24px}.connectionPage,.reportGrid{gap:15px}.modal{max-height:93dvh}.placeGrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.topbar>span{font-size:10px;gap:6px}.privacy{display:none}.topActions{gap:6px}.pageHeading{display:block;margin-bottom:22px}.pageHeading>.primary{margin-top:16px}.stats{grid-template-columns:1fr 1fr}.darkStat{grid-column:1/-1}.stat h2{margin-top:13px}.darkStat h2{font-size:32px}.connectionPage,.overviewGrid,.placeGrid,.reportGrid{grid-template-columns:1fr}.connectCard p{width:58%}.carDrawing{width:45%;top:80px}.connectCard{min-height:245px}.tabs button{font-size:10px;padding:8px}.toolbar{padding:16px}.search input,.toolbar .search{width:100%}.pageHeading h1{font-size:29px}.formGrid{gap:0 12px}.overlay{padding:10px}.modal form,.modalHeader{padding:20px}.modalHeader h2{font-size:20px}.distanceSummary{flex-wrap:wrap}.distanceSummary small{margin-left:0}.content{padding:24px 17px 0}footer span:last-child{display:none}.footNote{font-size:9px;line-height:1.6}.panelFooter{flex-wrap:wrap;gap:12px}.stat h2{font-size:30px}td,th{padding-left:17px;padding-right:17px}.demoBanner{flex-wrap:wrap}.modal input{font-size:16px}.modal label{font-size:11px}}@media print{.alert,.footNote,.notice,.overlay,.pageHeading>button,.primary,.secondary,.sidebar,.textButton,.topbar{display:none!important}main{margin:0}.app{display:block}.content{padding:0}.reportGrid{display:block}.panel{page-break-inside:avoid;break-inside:avoid}.content:before{content:"Ritboek — registratieoverzicht";display:block;font-size:25px;margin:20px 0}footer{margin-top:20px}}