:root{--paars: #391029;--paars-diep: #2a0b1e;--paars-paneel: #4a1736;--paars-paneel-2: #54193d;--lila: #8779b7;--lichtblauw: #93d5f6;--groen: #00a75d;--tekst: #f6eef2;--tekst-zacht: #d8c6d2;--tekst-flauw: #b89cab;--rand: rgba(135, 121, 183, .28);--rand-zacht: rgba(246, 238, 242, .1);--radius: 14px;--radius-klein: 9px;--schaduw: 0 12px 30px rgba(0, 0, 0, .35);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--tekst);background:radial-gradient(1100px 600px at 80% -10%,rgba(135,121,183,.22),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(147,213,246,.12),transparent 55%),linear-gradient(160deg,var(--paars-diep),var(--paars));background-attachment:fixed;-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{margin:0 0 8px;font-weight:700;letter-spacing:.1px}h1{font-size:1.7rem}h3{font-size:1.12rem}p{margin:0 0 6px}a{color:var(--lichtblauw)}.ondertitel{color:var(--tekst-flauw);font-size:.92rem}.fues-logo{font-family:var(--font);font-weight:700;letter-spacing:-.04em;color:var(--lila);display:inline-flex;align-items:baseline;line-height:1;-webkit-user-select:none;user-select:none}.fues-logo-stip{width:.28em;height:.28em;border-radius:50%;background:var(--groen);margin-left:.12em;align-self:flex-end;margin-bottom:.14em}.app{display:flex;flex-direction:column;min-height:100%}.inhoud{flex:1;width:min(1180px,100% - 48px);margin:28px auto 64px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,40px);background:#2a0b1ed1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rand)}.topbar-links{display:flex;align-items:center;gap:28px}.hoofdnav{display:flex;gap:18px}.hoofdnav a{color:var(--tekst-zacht);text-decoration:none;font-size:.95rem;padding:6px 2px;border-bottom:2px solid transparent}.hoofdnav a:hover{color:var(--tekst)}.hoofdnav a.actief{color:var(--tekst);border-bottom-color:var(--lila)}.account{display:flex;align-items:center;gap:14px}.account-info{display:flex;flex-direction:column;text-align:right;line-height:1.25}.account-naam{font-weight:700;font-size:.92rem}.account-meta{color:var(--tekst-flauw);font-size:.78rem}.knop-primair,.knop-secundair,.knop-microsoft{font-family:var(--font);font-size:.92rem;font-weight:700;border-radius:var(--radius-klein);border:1px solid transparent;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .05s ease,filter .15s ease,background .15s ease}.knop-klein{padding:7px 12px;font-size:.84rem}.knop-primair{background:linear-gradient(120deg,var(--lila),var(--lichtblauw));color:#1c0a16}.knop-primair:hover{filter:brightness(1.05)}.knop-secundair{background:transparent;color:var(--tekst);border-color:var(--rand)}.knop-secundair:hover{background:#8779b724}.knop-primair:active,.knop-secundair:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.knop-primair:focus-visible,.knop-secundair:focus-visible,.knop-microsoft:focus-visible,.hoofdnav a:focus-visible,.terug-link:focus-visible{outline:2px solid var(--lichtblauw);outline-offset:2px}.knop-microsoft{width:100%;background:#fff;color:#1b1b1b;padding:12px 16px;font-size:.98rem;border:1px solid #d8d8d8}.knop-microsoft:hover:not(:disabled){filter:brightness(.97)}.laad-scherm{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 20px}.login-scherm{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.login-kaart{width:min(440px,100%);background:linear-gradient(180deg,var(--paars-paneel),var(--paars-paneel-2));border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw);padding:34px 32px;text-align:center}.login-kaart h1{margin-top:16px;font-size:1.5rem}.login-kaart .knop-microsoft{margin-top:22px}.login-mockhint{margin-top:14px;font-size:.78rem;color:var(--tekst-flauw)}.login-voet{margin-top:26px;color:var(--tekst-zacht);font-size:.82rem;font-style:italic}.paginatitel{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.kaart{background:linear-gradient(180deg,var(--paars-paneel),var(--paars-paneel-2));border:1px solid var(--rand);border-radius:var(--radius);padding:18px}.tegel{display:flex;flex-direction:column;gap:8px;min-height:168px}.tegel[role=button]{cursor:pointer;transition:transform .08s ease,border-color .15s ease,box-shadow .15s ease}.tegel[role=button]:hover{transform:translateY(-2px);border-color:var(--lila);box-shadow:var(--schaduw)}.tegel[role=button]:focus-visible{outline:2px solid var(--lila);outline-offset:2px}.tegel p{color:var(--tekst-zacht);font-size:.9rem;flex:1}.tegel-kop{display:flex;gap:8px;align-items:center}.tegel-voet{display:flex;flex-wrap:wrap;gap:6px}.tegel-actie{margin-top:4px}.tegel-slot{opacity:.62}.tegel-slot-reden{color:var(--tekst-flauw);font-size:.78rem;margin-top:4px}.skelet{pointer-events:none}.skelet-balk{height:12px;margin:7px 0;border-radius:6px;background:linear-gradient(90deg,#f6eef20d,#f6eef229,#f6eef20d);background-size:200% 100%;animation:skelet-schuif 1.25s ease-in-out infinite}.skelet-titel{height:18px;width:68%;margin-top:14px}.skelet-kort{width:42%}@keyframes skelet-schuif{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skelet-balk{animation:none}}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.2px;border:1px solid var(--rand);color:var(--tekst-zacht)}.badge-categorie{background:#93d5f624;color:var(--lichtblauw);border-color:#93d5f64d}.badge-rol{background:#8779b72e;color:#d7cdf0;border-color:#8779b766}.badge-vestiging{background:#f6eef20f}.badge-extern,.badge-status{text-transform:lowercase}.status-nieuw{background:#00a75d2e;color:#5fe0a6;border-color:#00a75d66}.status-beta{background:#93d5f624;color:var(--lichtblauw)}.status-live{background:#00a75d24;color:#5fe0a6}.melding{border-radius:var(--radius-klein);padding:12px 14px;font-size:.9rem;margin:12px 0;border:1px solid var(--rand);background:#8779b71a}.melding-fout{border-color:#df2f4a80;background:#df2f4a1f;color:#ffd2d8}.detail-kop{margin-bottom:18px}.terug-link{display:inline-block;margin-bottom:8px;font-size:.88rem;text-decoration:none;color:var(--tekst-flauw)}.terug-link:hover{color:var(--lichtblauw)}.embed-paneel{border-radius:var(--radius);overflow:hidden}.embed-placeholder{text-align:center;padding:56px 24px;border-style:dashed}.lijnen{width:100%;line-height:0;margin-top:auto;pointer-events:none}.lijnen svg{display:block}.lijnen .lijn{stroke-width:2.4;stroke-linecap:round}.lijnen .lijn-lila{stroke:var(--lila)}.lijnen .lijn-lichtblauw{stroke:var(--lichtblauw)}.lijnen .lijn-groen{stroke:var(--groen)}.sectiekop{font-size:1.15rem;margin:26px 0 14px;color:var(--tekst)}.sectiekop-tools{margin-top:38px}.tegel-ga{margin-top:6px;font-size:.84rem;font-weight:700;color:var(--lichtblauw)}.topbar-merk{text-decoration:none;display:inline-flex;align-items:center}.detail-badges{margin-bottom:16px}.embed-frame-wrap{padding:0;overflow:hidden}.tool-frame{display:block;width:100%;height:min(74vh,760px);border:0;border-radius:var(--radius)}.fues-logo-img{display:block;width:auto}.lijnen-img{display:block;width:100%;height:auto}.tegel-groot{min-height:150px}.tegel-groot h3{font-size:1.25rem}.badge-soon{background:#ffcb0024;color:#ffce5a;border-color:#ffcb0066;text-transform:lowercase}.designer{max-width:560px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.dropzone{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 20px;border:1.5px dashed var(--rand);border-radius:var(--radius);background:#8779b70f;cursor:pointer;text-align:center}.dropzone:hover{border-color:var(--lila)}.dropzone input{display:none}.dropzone-titel{font-weight:700}.dropzone-sub{color:var(--tekst-flauw);font-size:.82rem}.designer-uitleg{margin-top:4px}.chat-stub{margin-top:8px}.chat-balk{display:flex;gap:10px;margin-top:12px}.chat-balk input{flex:1;padding:10px 14px;border-radius:var(--radius-klein);border:1px solid var(--rand);background:#0000002e;color:var(--tekst);font-family:var(--font)}.footer{margin-top:auto}.footer-binnen{width:min(1180px,100% - 48px);margin:0 auto;padding:22px 0 12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.footer-merk{display:flex;flex-direction:column;gap:6px}.footer-tagline{color:var(--tekst-zacht);font-size:.9rem;max-width:40ch}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:var(--tekst-zacht);text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--lichtblauw)}.footer-social{display:flex;gap:10px}.footer-social a{color:var(--tekst-zacht);display:inline-flex;padding:6px;border-radius:8px}.footer-social a:hover{color:var(--lichtblauw);background:#8779b724}.footer-onder{width:min(1180px,100% - 48px);margin:0 auto;padding:10px 0 22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--tekst-flauw);font-size:.78rem;border-top:1px solid var(--rand-zacht)}.footer-slogan{color:var(--lila);font-style:italic}.footer .lijnen{margin-top:16px}.plaza-hero{background:var(--lila);color:var(--paars);border-radius:var(--radius);padding:26px 30px;margin-bottom:24px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;box-shadow:var(--schaduw)}.plaza-hero h1{color:var(--paars);margin:0 0 4px;font-size:clamp(1.5rem,3vw,2rem)}.plaza-hero-tekst p{color:var(--paars);margin:0 0 6px;font-weight:500}.plaza-slogan{color:var(--paars);font-style:italic;font-weight:700}.fues-logo-donker{color:var(--paars)}@media (max-width: 640px){.topbar{flex-wrap:wrap}.account-info{display:none}.paginatitel{flex-direction:column;align-items:flex-start}}