:root{--bg: #F1F2F3;--panel: #ffffff;--border: #DDDFE1;--text: #1c2733;--muted: #68788c;--navy: #1D242C;--navy2: #343B41;--accent: #FF5100;--orange: #FF5100;--grey: #61666B;--green: #1e9e5a;--red: #d64545;--amber: #e0a10b;--shadow: 0 1px 3px rgba(16,30,54,.08), 0 1px 2px rgba(16,30,54,.04)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Aptos,Aptos Display,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px}#root{height:100vh}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:238px;min-width:150px;max-width:450px;background:var(--navy);color:#c8d6e6;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sb-resizer{width:6px;margin-left:-3px;cursor:col-resize;flex-shrink:0;z-index:5;background:transparent;transition:background .15s}.sb-resizer:hover,.sb-resizer.drag{background:#ff51008c}.logo{padding:18px 16px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.logo p{font-size:10.5px;color:#7e93ab;margin-top:4px;letter-spacing:2.2px}.logo .bar{width:46px;height:2px;background:var(--orange);margin-top:5px}.nav{flex:1;overflow-y:auto;padding:8px 0 20px}.nav::-webkit-scrollbar{width:5px}.nav::-webkit-scrollbar-thumb{background:#2c4a6b;border-radius:3px}.navsec{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#6b7f97;padding:14px 16px 5px;white-space:nowrap}.navitem{display:flex;align-items:center;gap:10px;padding:7px 14px;cursor:pointer;font-size:13px;border-left:3px solid transparent;transition:background .15s;white-space:nowrap;color:inherit;text-decoration:none}.navitem:hover{background:#ffffff0f}.navitem.active{background:#ff51002e;border-left-color:var(--orange);color:#fff}.navitem .ic{width:26px;height:26px;border-radius:6px;background:#ffffff17;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;letter-spacing:.3px;color:#9fb4ca;flex-shrink:0}.navitem.active .ic{background:var(--orange);color:#fff}.userbox{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.userbox .av{width:34px;height:34px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.userbox .nm{font-size:12.5px;color:#fff;white-space:nowrap}.userbox .rl{font-size:10.5px;color:#7e93ab;white-space:nowrap}.app-top{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topnav{display:flex;align-items:center;gap:6px;background:var(--navy);padding:0 14px;height:81px;flex-shrink:0}.topnav .brand{display:flex;align-items:center;flex-shrink:0;margin-right:6px}.topnav .brand img{display:block;padding:0}.topnav .brand-txt{color:#fff;font-weight:700;font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;line-height:1.45;max-width:160px;margin-left:10px}.topnav-secties{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.topsec{position:relative}.topsec-btn{display:flex;align-items:center;gap:7px;padding:7px 12px;background:transparent;border:none;color:#c8d6e6;font-size:13px;font-family:inherit;cursor:pointer;border-radius:7px;white-space:nowrap;text-decoration:none}.topsec-btn:hover{background:#ffffff14;color:#fff}.topsec-btn.active{background:#ff510033;color:#fff}.topsec-btn .caret{font-size:8px;opacity:.65}.topsec-btn .ic,.topsec-item .ic{width:24px;height:24px;border-radius:6px;background:#ffffff17;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;color:#9fb4ca;flex-shrink:0}.topsec-btn.active .ic{background:var(--orange);color:#fff}.topsec-menu{position:absolute;top:100%;left:0;margin-top:5px;z-index:60;background:var(--navy2);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:6px;min-width:216px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 28px #0006}.topsec-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;color:#c8d6e6;text-decoration:none;font-size:13px;white-space:nowrap}.topsec-item:hover{background:#ffffff14;color:#fff}.topsec-item.active{background:#ff510033;color:#fff}.topsec-item.active .ic{background:var(--orange);color:#fff}.topnav .projchip{flex-shrink:0}.topnav .navbtn{background:transparent;color:#c8d6e6;border-color:#ffffff2e;padding:6px 12px;flex-shrink:0}.topnav .navbtn:hover{border-color:var(--orange);color:#fff}.langswitch{display:inline-flex;flex-shrink:0;border:1px solid rgba(255,255,255,.18);border-radius:7px;overflow:hidden}.langswitch .langbtn{background:transparent;color:#c8d6e6;border:none;padding:6px 9px;font-size:11.5px;font-weight:700;letter-spacing:.4px;cursor:pointer;font-family:inherit;line-height:1}.langswitch .langbtn+.langbtn{border-left:1px solid rgba(255,255,255,.14)}.langswitch .langbtn:hover{color:#fff}.langswitch .langbtn.active{background:var(--orange);color:#fff}.loginbox .langswitch{border-color:var(--border)}.loginbox .langswitch .langbtn{color:#8fa3b8}.loginbox .langswitch .langbtn.active{background:var(--orange);color:#fff}.usertop{display:flex;align-items:center;gap:8px;flex-shrink:0}.usertop .av{width:32px;height:32px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:12px}.usertop .uit{font-size:11px;color:#8fa3b8;cursor:pointer;text-decoration:underline;white-space:nowrap}.usertop .uit:hover{color:#fff}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:54px;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 22px;gap:14px;flex-shrink:0}.pagetitle{font-size:16px;font-weight:600}.spacer{flex:1}.projchip{background:var(--navy);color:#fff;font-size:11.5px;padding:5px 12px;border-radius:20px}.content{flex:1;overflow-y:auto;padding:0 22px 20px;width:100%;max-width:min(96%,2100px);margin:0 auto}.content>:first-child{margin-top:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px 18px;box-shadow:var(--shadow)}.card h3{position:relative;font-size:13.5px;margin-bottom:12px;padding-left:11px}.card h3:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:3px;border-radius:2px;background:var(--orange)}.card h3 .sub{font-weight:400;color:var(--muted);font-size:11.5px;margin-left:6px}.grid{display:grid;gap:14px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr 1fr}.g4{grid-template-columns:repeat(4,1fr)}.g6{grid-template-columns:repeat(6,1fr)}.g7{grid-template-columns:repeat(7,1fr)}.mt{margin-top:14px}.kpi{background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--orange);border-radius:10px;padding:13px 16px;box-shadow:var(--shadow);transition:box-shadow .15s,transform .15s}.kpi:hover{box-shadow:0 4px 14px #ff510024;transform:translateY(-1px)}.kpi .lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--orange);font-weight:600}.kpi .val{font-size:21px;font-weight:700;margin-top:3px;color:var(--navy)}.kpi .trend{font-size:11px;color:var(--muted);margin-top:3px}.btn{padding:7px 16px;border-radius:7px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:13px;cursor:pointer;font-family:inherit}.btn:hover{border-color:var(--orange);color:var(--orange)}.btn.orange{background:var(--orange);border-color:var(--orange);color:#fff}.btn.orange:hover{background:#e04800;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#101e3673;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;z-index:100;overflow-y:auto}.modal{position:relative;background:var(--panel);border:1px solid var(--border);border-top:4px solid var(--orange);border-radius:10px;padding:18px 22px;box-shadow:0 16px 48px #101e3647;width:100%;max-width:1060px}.modal h3{font-size:13.5px;margin-bottom:4px}.modal h3 .sub{font-weight:400;color:var(--muted);font-size:11.5px;margin-left:6px}.modal-close{position:absolute;top:12px;right:14px;width:26px;height:26px;line-height:24px;text-align:center;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--muted);cursor:pointer;font-size:15px}.modal-close:hover{border-color:var(--orange);color:var(--orange)}.orgtree,.orgtree ul{list-style:none;margin:0;padding:0}.orgtree{display:inline-block;min-width:100%;text-align:center}.orgtree ul{position:relative;display:flex;justify-content:center;padding-top:22px}.orgtree li{position:relative;padding:22px 8px 0}.orgtree li:before,.orgtree li:after{content:"";position:absolute;top:0;right:50%;width:50%;height:22px;border-top:2px solid var(--border)}.orgtree li:after{right:auto;left:50%;border-left:2px solid var(--border)}.orgtree li:only-child:before,.orgtree li:only-child:after{display:none}.orgtree li:only-child{padding-top:22px}.orgtree li:first-child:before,.orgtree li:last-child:after{border:0 none}.orgtree li:last-child:before{border-right:2px solid var(--border);border-radius:0 6px 0 0}.orgtree li:first-child:after{border-radius:6px 0 0}.orgtree ul ul:before{content:"";position:absolute;top:0;left:50%;width:0;height:22px;border-left:2px solid var(--border)}.orgnode{position:relative;display:inline-block;min-width:152px;max-width:200px;padding:9px 12px 8px;background:#fff;border:1.5px solid var(--border);border-top:4px solid var(--orange);border-radius:9px;box-shadow:var(--shadow);text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}.orgnode:hover{border-color:var(--orange);box-shadow:0 4px 12px #ff51002e;transform:translateY(-1px)}.orgnode.afdeling{background:var(--orange);color:#fff;border:1.5px solid var(--orange);border-top:4px solid #c23e00;text-align:center}.orgnode.afdeling:hover{box-shadow:0 4px 12px #ff51004d}.orgnode.afdeling b{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.orgnode b{display:block;font-size:12.5px;line-height:1.2}.orgnode span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.orgacts{position:absolute;top:-11px;right:-8px;display:none;gap:3px}.orgtree.editing .orgnode:hover .orgacts{display:flex}.orgacts button{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:#fff;cursor:pointer;font-size:11px;line-height:1;color:var(--grey);padding:0}.orgacts button:hover{border-color:var(--orange);color:var(--orange)}.orgtabs{display:flex;gap:4px;flex-wrap:wrap}.orgtab{padding:7px 13px;font-size:12.5px;border-radius:7px 7px 0 0;cursor:pointer;color:var(--muted);border:1px solid transparent;border-bottom:none}.orgtab:hover{color:var(--text)}.orgtab.active{color:var(--text);font-weight:600;background:#fff;border-color:var(--border)}.subtabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.subtab{padding:9px 16px;font-size:13px;font-weight:600;color:var(--muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;margin-bottom:-1px;white-space:nowrap}.subtab:hover{color:var(--text)}.subtab.active{color:var(--orange);border-bottom-color:var(--orange)}.subtab .badge{display:inline-block;margin-left:7px;min-width:18px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:17px;text-align:center;border-radius:9px;background:var(--border);color:var(--text)}.subtab.active .badge{background:var(--orange);color:#fff}.sectiekop{position:relative;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--grey);margin:22px 0 8px;padding-left:10px;font-weight:700}.sectiekop:before{content:"";position:absolute;left:0;top:0;bottom:1px;width:3px;border-radius:2px;background:var(--orange)}.sectiekop:first-child{margin-top:4px}table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--grey);padding:7px 8px;border-bottom:2px solid rgba(255,81,0,.35);background:#fdf4ef;position:sticky;top:0;z-index:5;box-shadow:0 2px #ff51001f}td{padding:8px;border-bottom:1px solid #edeff2;vertical-align:middle}tbody tr{transition:background .12s}tbody tr:hover{background:#fff6f2}.tscroll{overflow-y:auto;max-height:calc(100vh - 350px)}.tscroll th{top:0}.gate{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--navy);display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px}.gatebox{max-width:860px;width:92%;padding:40px 0}.gatebox h2{color:#fff;margin:26px 0 6px}.gatebox .hint{color:#8496a9;font-size:12px;line-height:1.55}.gatebox .hint span{color:var(--orange)}.gatebox .hint span:hover{color:#ff7a3d}.gate-brand{display:flex;align-items:center;gap:24px}.gate.gate-top{flex-direction:column;align-items:center;justify-content:flex-start;padding:28px 40px}.gate.gate-top .gatebox{max-width:1320px;width:100%;padding-top:0}.gate.gate-top .gategrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.gate-kop{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:24px}.gate-kop>:first-child{justify-self:start}@media (max-width: 980px){.gate-kop{grid-template-columns:1fr;justify-items:center;gap:12px}.gate-kop .gate-brandtxt{white-space:normal;text-align:center}}.gate-brandtxt{color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;font-size:18px;line-height:1.3;white-space:nowrap}.gatesub{color:#8fa3b8;font-size:13px;line-height:1.6;max-width:640px}.gategrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.gatecard{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px 18px;cursor:pointer;transition:border-color .15s,background .15s}.gatecard:hover{border-color:var(--orange);background:#ff510014}.gatecard .gid{color:var(--orange);font-weight:700;font-size:12.5px}.gatecard .gnm{color:#fff;font-weight:600;margin-top:3px}.gatecard .gcl{color:#8fa3b8;font-size:11.5px;margin-top:4px}.loginbox{background:#232b34;border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--orange);border-radius:14px;padding:26px 28px 24px;max-width:384px;width:92%;box-shadow:0 24px 60px #00000073}.loginbox h2{color:#fff;margin:16px 0 3px;font-size:20px;font-weight:700;letter-spacing:.2px}.loginbox>p{color:#93a4b7;font-size:12px;line-height:1.5;margin:0 0 16px}.loginbox input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#fff;font-size:13.5px;font-family:inherit;margin-bottom:9px;transition:border-color .15s,background .15s,box-shadow .15s}.loginbox input::placeholder{color:#7c8ea3}.loginbox input:focus{outline:none;border-color:var(--orange);background:#ffffff14;box-shadow:0 0 0 3px #ff51002e}.loginbox .btn{padding:10px 14px;font-size:13.5px;border-radius:9px}.loginbox .btn.orange{width:100%;font-weight:600;margin:3px 0 10px}.loginbox .btn:not(.orange){background:#ffffff0a;border-color:#ffffff29;color:#cdd8e4}.loginbox .btn:not(.orange):hover{border-color:var(--orange);color:#fff;background:#ff510014}.loginbox .hint{color:#8496a9;font-size:11.5px;line-height:1.55;margin-top:12px}.loginbox .hint span{color:var(--orange);text-decoration:none}.loginbox .hint span:hover{text-decoration:underline}.alleen-lezen button:not([data-lezen]),.alleen-lezen input[type=file],.alleen-lezen .uploaddrop,.alleen-lezen .sleepzone{opacity:.45;pointer-events:none;cursor:not-allowed}