:root{color-scheme:light;--paper:#f5f7f4;--surface:#fff;--ink:#193c33;--muted:#56665e;--line:#dde5de;--accent:#d8edc6;--soft:#edf3e9;--danger:#8b3d24;--radius:18px;font-family:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 88% 0,#e3eddf 0,transparent 42%),var(--paper);font:16px/1.65 Inter,'Segoe UI',Arial,sans-serif}header,main,footer{width:min(1180px,100% - 64px);margin:auto}header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}nav,.actions,.titlebar,.cardhead{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-1px;font-weight:750;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:#e7f3d9;border-radius:10px;font-size:21px;font-weight:500;letter-spacing:-3px;padding-right:3px}.site-nav{gap:5px}.site-nav>a{padding:10px 13px;border-radius:9px;font-size:13px;font-weight:600;text-decoration:none;color:var(--muted)}.site-nav>a:hover,.site-nav>a[aria-current=page]{background:#e7eee3;color:var(--ink)}.site-nav .quiet{font-size:12px;margin-left:6px}.top-label{font-size:12px;color:var(--muted)}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-color:#7c9678}main{padding:52px 0 64px;min-height:calc(100vh - 176px)}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(38px,5vw,64px);line-height:1.09;letter-spacing:-.045em;margin:14px 0 23px;max-width:820px}h2{font-size:22px;font-weight:650;line-height:1.3;letter-spacing:-.035em;margin:0 0 13px}h3{font-size:17px;line-height:1.4;margin:0 0 9px}p{margin:0 0 16px;max-width:75ch}.lead{font-size:17px;color:var(--muted);max-width:64ch}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.login-intro{min-height:62vh}.intro>*,.page-grid>*,.device-grid>*,.stats>*{min-width:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin:24px 0;box-shadow:0 8px 30px #213d3006}.intro>.card,.page-grid>.card{margin:0}.card p:last-child{margin-bottom:0}.eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:750;display:inline-flex;align-items:center;gap:8px}.eyebrow::before{content:'';width:6px;height:6px;background:#66865f;border-radius:50%}.muted{color:var(--muted);font-size:13px;line-height:1.75}.badge{display:inline-flex;align-items:center;gap:6px;background:#edf1e9;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:650}.badge::before{content:'';height:5px;width:5px;flex-shrink:0;border-radius:50%;background:#8a9688}.badge[data-state=online],.badge[data-state=healthy]{background:#e8f2e1;color:#2c633f}.badge[data-state=online]::before,.badge[data-state=healthy]::before{background:#39794b}.badge[data-state=failed]{background:#fff0e6;color:#8b3d24}.badge[data-state=failed]::before{background:#ae5936}.notice{padding:16px 20px;background:#fff3df;border:1px solid #dfc08c;border-radius:12px;font-size:14px;margin:0 0 25px;max-width:none}.notice.success{background:#edf6e7;border-color:#bacdaf;color:#284e31}.environment{padding:22px 0;border-top:1px solid var(--line)}.environment:last-of-type{padding-bottom:0}.environment>strong{font-size:13px}.tools{font-size:11px;color:var(--muted)}.cardhead{align-items:flex-start;margin-bottom:10px}.cardhead h2{font-size:20px;margin:0}.cardhead h3{margin:0}.connection-help{min-height:23px}.actions{justify-content:flex-start;gap:10px}.actions>a:not(.button){font-size:13px;padding:10px 3px}.actions form{display:inline-flex}.environment .actions{margin-top:16px}.environment .actions button,.environment .actions .button{padding:10px 14px;font-size:12px}.titlebar{align-items:center;margin-bottom:8px}.titlebar h1{margin-bottom:8px}.titlebar p{margin-top:16px}.titlebar>.actions{flex-shrink:0}form{margin:0}label{display:block;font-size:13px;font-weight:600;margin:18px 0}input,select,textarea{width:100%;min-width:0;min-height:46px;padding:12px 13px;margin-top:7px;border:1px solid #bccabe;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:15px}input::placeholder,textarea::placeholder{color:#748078}input:hover,select:hover,textarea:hover{border-color:#8ca08d}input:focus,select:focus,textarea:focus{border-color:#5e805d}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;margin:0 8px 0 0;vertical-align:-4px;accent-color:#305b3d;flex:0 0 18px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 17px;border:1px solid var(--ink);border-radius:10px;background:var(--ink);color:#fff;font:600 13px/1.5 Inter,'Segoe UI',Arial,sans-serif;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}button:hover,.button:hover{background:#285346;color:#fff;box-shadow:0 3px 12px #193c3312}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.secondary,.quiet{color:var(--ink);background:transparent}.secondary:hover,.quiet:hover{background:#e9efe5;color:var(--ink)}.secondary{border-color:#c6d2c6}.quiet{border-color:transparent}.full-width{width:100%}.button-note{font-size:11px;margin-top:12px!important;color:var(--muted)}summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px;font-weight:650}details form{max-width:620px}details[open]>summary{margin-bottom:10px}details+details{border-top:1px solid var(--line)}fieldset{border:1px solid var(--line);border-radius:12px;min-width:0;padding:18px;margin:22px 0}legend{padding:0 8px;font-size:14px;font-weight:650}fieldset>label:first-of-type{margin-top:8px}fieldset>label:last-child{margin-bottom:5px}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:11px;padding:22px 0;color:var(--muted)}:focus-visible{outline:3px solid #678352;outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #678352;outline-offset:2px}[hidden]{display:none!important}.skip-link{position:absolute;left:20px;top:-70px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}.back-link{display:inline-block;font-size:12px;margin-bottom:24px;color:var(--muted)}code,pre{font-family:Consolas,'Courier New',monospace;overflow-wrap:anywhere;font-size:.9em}code{padding:2px 5px;border-radius:4px;background:#eef2e9}pre{overflow:auto;white-space:pre-wrap;padding:16px;background:#eef2e9;border-radius:10px}ul,ol{padding-left:22px}li{margin:6px 0}.empty-state{text-align:center;padding:48px 28px}.empty-state p{margin:10px auto 24px;max-width:470px}.empty-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--soft);font-size:24px;margin:0 auto 20px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.stat{border:1px solid var(--line);background:#ffffffa6;padding:20px 24px;border-radius:14px;display:flex;align-items:baseline;gap:12px}.stat strong{font-size:28px;font-weight:500;letter-spacing:-.045em}.stat span{font-size:12px;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:36px 0 0}.section-heading h2{margin:0}.section-heading>a{font-size:12px}.page-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:28px;align-items:start;margin-top:30px}.page-grid aside{min-width:0}.page-grid aside>.card:first-child{margin-top:0}.info-card{background:#edf3e9;border-color:#d9e4d2}.steps{list-style:none;padding:0;counter-reset:step}.steps li{position:relative;padding:0 0 24px 40px;margin:0;counter-increment:step}.steps li::before{content:counter(step);position:absolute;top:0;left:0;display:grid;place-items:center;width:26px;height:26px;border:1px solid #bdd0b1;border-radius:50%;font-size:11px;background:#f8fbf4}.steps li:last-child{padding-bottom:0}.steps strong{display:block;font-size:13px;margin-bottom:3px}.steps span{font-size:12px;color:var(--muted);display:block}.connection-path{display:flex;align-items:center;margin:30px 0 0;max-width:470px}.connection-node{flex:1;text-align:center;padding:15px 12px;background:#ffffffb0;border:1px solid var(--line);border-radius:14px;font-size:12px}.connection-node strong{display:block;font-size:13px}.connection-node small{color:var(--muted);font-size:11px}.connection-line{width:32px;flex:0 0 32px;height:1px;background:#adbea5}.login-card{padding:34px}.login-card h2{font-size:25px}.login-card>p{font-size:13px;color:var(--muted)}.login-card form{margin-top:24px}.trust-note{padding-top:18px;margin-top:24px!important;border-top:1px solid var(--line);font-size:11px!important}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.feature-pills span{border:1px solid var(--line);padding:6px 11px;border-radius:999px;font-size:11px;background:#ffffff60}.compact-list,.jobs-list{font-size:13px}.jobs-list:empty::after{content:'Nog geen opdrachten. Zodra je een omgeving start of stopt, zie je hier de voortgang.';color:var(--muted)}.settings-heading{max-width:740px}.settings-heading h1{font-size:clamp(38px,4.5vw,56px)}.settings-layout{max-width:900px}.flow-label{display:inline-block;margin:0 0 16px;background:#edf2e7;color:#476340;padding:5px 10px;border-radius:6px;font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.muted-link{font-size:12px;color:var(--muted)}.stack-code{font-size:11px;padding:5px 9px;border-radius:6px;background:#eef2e9}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.device-grid>.card{margin:22px 0 0}.device-grid>.card:only-child{grid-column:1/-1}@media(max-width:900px){.intro{gap:30px}.page-grid{grid-template-columns:minmax(0,1.35fr) minmax(220px,.85fr);gap:20px}.device-grid{grid-template-columns:1fr}.card{padding:24px}.stat{padding:16px 20px}}@media(max-width:720px){header,main,footer{width:calc(100% - 36px)}header{padding:18px 0;gap:16px;flex-wrap:wrap}.site-nav{margin-left:auto}.brand{font-size:21px}.brand-mark{width:30px;height:30px}main{padding:34px 0 44px}h1{font-size:44px}.intro,.page-grid{grid-template-columns:1fr;gap:26px}.login-intro{min-height:0}.login-card{padding:25px}.card{padding:23px;margin:20px 0}.stats{gap:10px;margin:26px 0}.stat{display:block;padding:14px 16px}.stat strong{display:block;font-size:25px;line-height:1.4}.stat span{font-size:11px}.section-heading{margin-top:28px;align-items:flex-start}.titlebar>.actions{margin-top:15px}.titlebar h1{font-size:43px}.empty-state{padding:34px 24px}.top-label{display:none}.page-grid aside{display:grid;gap:20px}.page-grid aside>.card{margin:0}.connection-path{margin:24px 0 5px}.settings-heading h1{font-size:42px}.feature-pills{margin-bottom:4px}}@media(max-width:460px){.site-nav{width:100%;justify-content:space-between;margin:0}.site-nav>a{padding:8px 10px;font-size:12px}.site-nav .quiet{margin:0;padding:8px 9px;font-size:11px}.lead{font-size:15px}h1,.titlebar h1{font-size:39px}.card{padding:20px}.stats{gap:7px}.stat{padding:13px 11px}.stat span{font-size:10px}.actions{gap:8px}.actions>.button{flex:1}.environment .actions form{flex:1}.environment .actions button{width:100%}.environment .actions>a:first-child{flex-basis:100%}.connection-node{padding:13px 7px}.connection-line{width:15px;flex-basis:15px}.connection-node strong{font-size:12px}.connection-node small{font-size:10px}.section-heading h2{font-size:20px}.badge{font-size:10px}footer span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}@media print{body{background:#fff}header,footer,.actions,button,.button{display:none}main{width:100%;padding:0}.card{break-inside:avoid;box-shadow:none}.page-grid{display:block}}
:root .model-catalog{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:12px 12px 12px 30px;font-size:12px;scrollbar-width:thin}.settings-layout details>p{font-size:13px;color:var(--muted)}.settings-layout>section>details{padding:7px 0}.settings-layout label:has(input[type=checkbox]){font-weight:400;line-height:1.8}
.account-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;font-size:12px}.account-intro{align-items:start}.account-intro>section:first-child{padding-top:18px}.account-steps{margin-top:32px;max-width:420px}.account-code-wrap{max-width:740px;margin:0 auto}.account-code-wrap>h1{font-size:clamp(38px,5vw,55px)}.account-code-wrap .actions{margin-top:16px}.recovery-code{font:600 17px/1.6 Consolas,monospace;background:#f2f6ee;letter-spacing:.025em;padding:16px}.recovery-warning{margin:26px 0 16px;font-size:12px}.field-help{font-size:11px;color:var(--muted);margin:-7px 0 17px;font-weight:400;line-height:1.8}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.account-intro>section:first-child{padding-top:0}.account-steps{margin-bottom:0}.recovery-code{font-size:14px;padding:14px}}
.preview-status-page{min-height:100vh;background:radial-gradient(circle at 50% -12%,#dcebd0 0,#f5f7f4 48%,#eef3ed 100%)}.preview-header{width:min(1180px,calc(100% - 64px));margin:auto;padding:24px 0;border-bottom:1px solid var(--line)}.preview-header-label{font-size:12px;color:var(--muted);font-weight:650;letter-spacing:.02em}.preview-shell{width:min(680px,calc(100% - 36px));min-height:calc(100vh - 157px);padding:76px 0 42px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.preview-status-card{width:100%;background:rgba(255,255,255,.88);border:1px solid rgba(193,211,190,.92);border-radius:26px;padding:48px 54px 46px;text-align:center;box-shadow:0 24px 80px rgba(25,60,51,.11),0 4px 14px rgba(25,60,51,.05)}.preview-status-icon{width:72px;height:72px;margin:0 auto 25px;border-radius:22px;background:#e8f2e1;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #d1e3c9}.preview-status-icon span{width:22px;height:22px;border:3px solid #66865f;border-radius:50%;position:relative}.preview-status-icon span::after{content:'';position:absolute;width:8px;height:3px;right:-7px;bottom:-3px;background:#66865f;border-radius:2px;transform:rotate(45deg);transform-origin:left center}.preview-status-card .eyebrow{color:#4f6b4a}.preview-status-card h1{font-size:clamp(38px,6vw,60px);margin:15px auto 18px;max-width:590px}.preview-status-copy{max-width:500px;margin:0 auto 23px;color:var(--muted);font-size:16px;line-height:1.75}.preview-status-note{max-width:500px;margin:0 auto 28px;padding:14px 16px;border:1px solid #dce8d8;background:#f4f8f1;border-radius:13px;display:flex;align-items:flex-start;gap:10px;text-align:left;color:#4e6254;font-size:13px;line-height:1.55}.preview-status-dot{width:8px;height:8px;flex:0 0 8px;margin-top:6px;border-radius:50%;background:#9aab91;box-shadow:0 0 0 4px #e1eddb}.preview-status-action{min-width:220px}.preview-status-footer{margin:20px auto 0;color:#6e7c74;text-align:center;font-size:12px;line-height:1.6}.preview-status-page .button:hover{transform:translateY(-1px)}@media(max-width:720px){.preview-header{width:calc(100% - 36px);padding:18px 0}.preview-shell{width:calc(100% - 28px);min-height:calc(100vh - 125px);padding:34px 0 28px}.preview-status-card{padding:34px 22px 30px;border-radius:21px}.preview-status-card h1{font-size:39px}.preview-status-copy{font-size:15px}.preview-status-footer{padding:0 8px}}
.confirm-dialog{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}.confirm-dialog[hidden]{display:none}.confirm-backdrop{position:absolute;inset:0;background:rgba(25,60,51,.46);backdrop-filter:blur(5px)}.confirm-panel{position:relative;z-index:1;width:min(100%,480px);padding:31px 32px 30px;background:var(--surface);border:1px solid #cfdccf;border-radius:20px;box-shadow:0 26px 90px rgba(25,60,51,.2),0 5px 18px rgba(25,60,51,.1);animation:confirm-in .18s ease-out}.confirm-panel .flow-label{margin-bottom:14px}.confirm-panel h2{margin:0 42px 10px 0;font-family:Georgia,'Times New Roman',serif;font-size:31px;font-weight:400;letter-spacing:-.04em;line-height:1.15}.confirm-panel p{margin:0;color:var(--muted);line-height:1.7}.confirm-close{position:absolute;top:17px;right:17px;width:36px;min-height:36px;padding:4px;border-color:transparent;background:transparent;color:var(--muted);font-size:24px;font-weight:400;line-height:1}.confirm-close:hover{background:#edf3e9;color:var(--ink);box-shadow:none}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:27px}.confirm-actions button{min-width:118px}.confirm-submit{background:var(--ink)}.confirm-dialog[data-tone=danger] .confirm-submit{background:var(--danger);border-color:var(--danger)}.confirm-dialog[data-tone=danger] .confirm-submit:hover{background:#71311e}.confirm-open{overflow:hidden}@keyframes confirm-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.confirm-dialog{padding:16px}.confirm-panel{padding:27px 22px 22px;border-radius:17px}.confirm-panel h2{font-size:28px}.confirm-actions{display:grid;grid-template-columns:1fr;margin-top:23px}.confirm-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.confirm-panel{animation:none}}
.mcp-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:34px;align-items:center;padding:18px 0 30px}.mcp-hero h1{max-width:700px}.mcp-status{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #c9ddc1;background:#f0f7eb;border-radius:999px;color:#315d3c;font-size:12px;font-weight:650}.mcp-status span:last-child{font-weight:400;color:#59705e}.mcp-status-dot{width:8px;height:8px;border-radius:50%;background:#3f8b50;box-shadow:0 0 0 4px #dcebd5}.mcp-hero-mark{width:132px;height:132px;border-radius:38px;background:var(--ink);color:#e7f3d9;display:grid;place-items:center;font:500 82px/1 Georgia,serif;letter-spacing:-12px;box-shadow:0 20px 45px #193c3322;transform:rotate(4deg)}.mcp-hero-mark span{font:600 24px/1 Inter,sans-serif;letter-spacing:0;color:#bad9a9;align-self:end;margin:0 0 22px -4px;transform:rotate(-4deg)}.mcp-how{background:#edf3e9;border-color:#d9e4d2}.mcp-how .steps{margin:20px 0 0}.mcp-online .cardhead{margin-bottom:20px}.mcp-environment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mcp-environment{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#ffffffb8}.mcp-environment h3{margin:0 0 3px;font-size:15px}.mcp-environment .muted{margin:0;font-size:11px}.mcp-environment .badge{font-size:10px;padding:4px 8px}.mcp-environment-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e8f2e1;color:#42633d;font-size:14px;font-weight:750}.mcp-empty{text-align:center;padding:24px 10px 14px}.mcp-empty .empty-icon{margin-bottom:13px}.mcp-empty h3{margin-bottom:5px}.mcp-empty p{margin-left:auto;margin-right:auto}.mcp-connections{padding-top:25px}.mcp-connection{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid var(--line)}.mcp-connection h3{margin:0 0 4px}.mcp-connection p{margin:0}.mcp-consent{max-width:760px;margin:0 auto}.mcp-consent h1{font-size:clamp(38px,5vw,58px)}.mcp-choice{display:flex;align-items:flex-start;gap:8px;font-weight:400;line-height:1.45;padding:10px 0;margin:0;border-top:1px solid var(--line)}.mcp-choice:first-of-type{border-top:0}.mcp-choice span{display:flex;flex-direction:column;gap:2px}.mcp-choice small{font-size:11px;color:var(--muted)}@media(max-width:720px){.mcp-hero{grid-template-columns:1fr;gap:14px;padding-top:0}.mcp-hero-mark{display:none}.mcp-environment-list{grid-template-columns:1fr}.mcp-connection{align-items:flex-start;flex-direction:column}.mcp-connection form,.mcp-connection button{width:100%}}