.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.flow-diagram-container{background:#f4f7fb;box-sizing:border-box;height:100vh;overflow-x:hidden;overflow-y:auto;padding:32px 32px 0;width:100vw}.header{background:linear-gradient(90deg,#e3f0fa,#77a1be);border-bottom:1px solid #e3e7ed;border-radius:0 0 18px 18px;box-shadow:0 2px 8px #00000008;justify-content:space-between;margin-bottom:18px;padding:18px 32px}.header,.header-title{align-items:center;display:flex}.header-title{color:#2d3a4a;flex:1 1;font-size:1.5rem;font-weight:700}.logo-container{align-items:center;border-radius:12px;display:flex;justify-content:center;margin-right:20px;padding:8px;transition:all .3s ease}.logo-container:hover{transform:translateY(-2px)}.header-logo{display:block;height:65px;max-width:240px;object-fit:contain;width:auto}.header-center{justify-content:center}.header-actions,.header-center{align-items:center;display:flex;flex:1 1}.header-actions{gap:14px;justify-content:flex-end}.header h1{color:#2d3a4a;font-size:28px;font-weight:800;margin:0}.header-search{align-items:center;display:flex;position:relative;width:260px}.header-search input{background:#f7fafc;border:1.5px solid #e3e7ed;border-radius:24px;box-shadow:0 2px 8px #2c3e5012;font-size:17px;padding:12px 44px 12px 18px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.header-search input:focus{background:#fff;border-color:#4bb6f5;box-shadow:0 4px 16px #4bb6f521;outline:none}.header-search-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.header-search-button svg{color:#b0b8c1;height:22px;transition:color .2s;width:22px}.header-search-button:hover svg{color:#4bb6f5}.add-items-button,.logout-button,.save-button{background:linear-gradient(90deg,#4bb6f5,#6be6b1);border:none;border-radius:8px;box-shadow:0 2px 8px #4bb6f514;color:#fff;cursor:pointer;display:inline-block;font-size:17px;font-weight:700;height:44px;line-height:44px;text-align:center;text-decoration:none;transition:background .3s,box-shadow .2s;width:150px}.add-items-button:hover,.save-button:hover{background:linear-gradient(90deg,#3a9ed6,#4bb6f5);box-shadow:0 4px 16px #4bb6f521}.logout-button{background:linear-gradient(90deg,#f56b6b,#f5b64b)}.logout-button:hover{background:linear-gradient(90deg,#d63a3a,#f56b6b)}.add-diploma-button{background:linear-gradient(90deg,#ffe259,#ffa751);border:none;border-radius:8px;color:#fff;font-weight:700;height:44px;line-height:44px;transition:background .3s,box-shadow .2s;width:150px}.add-diploma-button:hover{background:linear-gradient(90deg,#ffc107,#e0a800)}.content{display:flex;height:calc(100% - 80px)}.add-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #2c3e500a;display:flex;margin-bottom:12px;padding:12px 0;position:sticky;z-index:10}.add-item input{background:#f7fafc;border:1.5px solid #e3e7ed;border-radius:8px;flex:1 1;font-size:16px;margin-right:12px;padding:12px;transition:border-color .3s}.add-item input:focus{background:#fff;border-color:#4bb6f5;outline:none}.add-item button{align-items:center;background:linear-gradient(90deg,#6be6b1,#4bb6f5);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;padding:12px;transition:background .3s,box-shadow .2s;width:44px}.add-item button:hover{background:linear-gradient(90deg,#4bb6f5,#6be6b1);box-shadow:0 2px 8px #4bb6f521}.sidebar{background:#fff;border-left:1.5px solid #e3e7ed;border-radius:18px 0 0 18px;border-right:none;box-shadow:-2px 0 16px #2c3e5012;height:100%;max-width:420px;overflow-x:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s;width:28%;z-index:1000}.sidebar.open{box-shadow:-2px 0 16px #2c3e5021;transform:translateX(0)}.toggle-button{background:linear-gradient(90deg,#4bb6f5,#6be6b1);border:none;border-radius:8px;box-shadow:0 2px 8px #4bb6f514;color:#fff;font-size:17px;font-weight:700;padding:12px 28px;transition:background .3s,box-shadow .2s}.toggle-button:hover{background:linear-gradient(90deg,#3a9ed6,#4bb6f5);box-shadow:0 4px 16px #4bb6f521}.toggle-badge{background:linear-gradient(90deg,#4bb6f5,#6be6b1);border-radius:50%;box-shadow:0 4px 16px #4bb6f521;color:#fff;font-size:22px;font-weight:800;height:54px;transition:background .3s,transform .2s;width:54px}.toggle-badge:hover{background:linear-gradient(90deg,#3a9ed6,#4bb6f5);transform:scale(1.08)}.sidebar-form{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;box-shadow:0 4px 16px #2c3e5012;height:100%;overflow-y:auto;padding:24px 20px}.sidebar-form h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4bb6f5,#6be6b1);-webkit-background-clip:text;font-size:28px;margin-bottom:24px}.filter-card{background:#fff;border:1px solid #e3e7ed;border-radius:12px;box-shadow:0 2px 10px #0000000a;margin-bottom:20px;padding:18px}.filter-card h3{border-bottom:1px solid #e3e7ed;color:#2d3a4a;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:8px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-container{padding:6px 0}.checkbox-container input[type=checkbox]{accent-color:#4bb6f5;cursor:pointer;height:20px;margin-right:12px;width:20px}.checkbox-label{color:#2d3a4a;font-size:16px;font-weight:600}.filter-control{margin-bottom:16px}.filter-control label{color:#2d3a4a;display:block;font-size:15px;font-weight:600;margin-bottom:8px}.filter-input,.filter-select{background:#f7fafc;border:1px solid #e3e7ed;border-radius:10px;box-sizing:border-box;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.filter-input:focus,.filter-select:focus{background:#fff;border-color:#4bb6f5;box-shadow:0 0 0 3px #4bb6f533;outline:none}.filter-reset{background:linear-gradient(90deg,#4bb6f5,#6be6b1);border:none;border-radius:10px;box-shadow:0 2px 8px #4bb6f533;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin-top:16px;padding:14px;transition:all .2s ease;width:100%}.filter-reset:hover{box-shadow:0 4px 12px #4bb6f54d;transform:translateY(-2px)}.sidebar-form h2{color:#2d3a4a;font-size:26px;font-weight:800;margin-bottom:22px;text-align:center}.form-group label{font-weight:700}.form-group input,.form-group select{background:#fff;border:1.5px solid #e3e7ed;border-radius:8px;font-size:15px;margin-bottom:12px;margin-top:4px;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#4bb6f5;outline:none}.submit-button{background:linear-gradient(90deg,#6be6b1,#4bb6f5);border-radius:8px;color:#fff;font-size:17px;font-weight:700;padding:14px;transition:background .3s,box-shadow .2s;width:100%}.submit-button:hover{background:linear-gradient(90deg,#4bb6f5,#6be6b1);box-shadow:0 2px 8px #4bb6f521}.flow-diagram{flex:1 1;overflow-y:auto;padding:32px 0 0 32px}.grid{grid-gap:28px;box-sizing:border-box;gap:28px;height:calc(100vh - 180px);margin-left:auto;overflow-y:hidden;padding:24px}.grid div{background:#fff;border:1.5px solid #e3e7ed;border-radius:14px;padding:22px 18px 18px}.grid div .sticky-header{background:#f4f7fb;border-bottom:1.5px solid #e3e7ed;border-radius:14px 14px 0 0;margin:0;padding:0;position:sticky;top:0;z-index:10}.grid div .sticky-header h2{color:#2d3a4a;font-size:20px;font-weight:800;margin:0;padding:12px 0 10px}.grid div .sticky-header .add-item{align-items:center;display:flex;margin:0;padding:10px 0}.grid div .sticky-header .add-item input{background:#f7fafc;border:1.5px solid #e3e7ed;border-radius:8px;flex:1 1;font-size:15px;margin-right:10px;padding:10px;transition:border-color .3s}.grid div .sticky-header .add-item input:focus{background:#fff;border-color:#4bb6f5;outline:none}.grid div .sticky-header .add-item button{align-items:center;background:linear-gradient(90deg,#6be6b1,#4bb6f5);border:none;border-radius:8px;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;padding:10px;transition:background .3s,box-shadow .2s;width:40px}.grid div .sticky-header .add-item button:hover{background:linear-gradient(90deg,#4bb6f5,#6be6b1);box-shadow:0 2px 8px #4bb6f521}.grid div .scrollable-items{max-height:calc(100vh - 80px);overflow-y:auto;padding-right:10px}.grid div .scrollable-items::-webkit-scrollbar{width:8px}.grid div .scrollable-items::-webkit-scrollbar-thumb{background:#e3e7ed;border-radius:4px}.grid div .scrollable-items::-webkit-scrollbar-thumb:hover{background:#b0b8c1}.grid div .scrollable-items div{align-items:center;border:none;border-radius:8px;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:8px 4px;transition:background .2s;width:100%}.grid div .scrollable-items div:hover{background:#f4f7fb}.grid div .scrollable-items div button{background:#0000;border:none;color:#4bb6f5;cursor:pointer;font-size:18px;transition:color .2s}.grid div .scrollable-items div button:hover{color:#2d3a4a}.grid div::-webkit-scrollbar{width:8px}.grid div::-webkit-scrollbar-thumb{background:#e3e7ed;border-radius:4px}.grid div::-webkit-scrollbar-thumb:hover{background:#b0b8c1}.grid div div{margin-bottom:12px}.grid div h2{background:#f4f7fb;border-bottom:1.5px solid #e3e7ed;border-radius:14px 14px 0 0;color:#2d3a4a;font-size:20px;font-weight:800;margin:-18px -18px 12px;padding:12px 0 10px;z-index:10}@keyframes glow{0%{box-shadow:0 0 10px 3px #ffe259}to{box-shadow:0 0 20px 6px #ffe259}}.save-button{margin:24px}.glow{animation:glow .7s infinite alternate;border:3px solid gold!important;box-shadow:0 0 10px 3px gold!important}.section-header{border-bottom:2px solid #e3e7ed;justify-content:space-between;margin:-18px -18px 12px;padding:18px 18px 14px;padding-bottom:8px;position:relative}.section-header,.section-header .section-title{align-items:center;color:#2d3a4a;font-size:1.25rem;font-weight:800}.section-header .section-title{display:flex;flex:1 1}.section-header-actions{align-items:center;display:flex;gap:8px}.section-header .filter-icon{align-items:center;color:#b0b8c1;cursor:pointer;display:flex;font-size:1.3rem;transition:color .2s}.section-header .filter-icon:hover{color:#4bb6f5}.section-header .edit-icon{align-items:center;color:#b0b8c1;cursor:pointer;display:flex;font-size:1.3rem;transition:color .2s}.section-header .edit-icon:hover{color:#4bb6f5}.page-actions{align-items:center;background:linear-gradient(180deg,#f3f6fa,#fff0);display:flex;gap:16px;justify-content:flex-start;margin-top:-6px;padding:0 32px 18px}.page-actions .action-button{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 8px #4bb6f51f;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;height:48px;justify-content:center;padding:0 24px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.page-actions .save-button{background:linear-gradient(90deg,#4bb6f5,#6be6b1);color:#fff;height:48px;line-height:normal;margin:0;width:auto}.page-actions .save-button:hover{box-shadow:0 4px 12px #4bb6f533;transform:translateY(-2px)}.page-actions .save-button:disabled{background:linear-gradient(90deg,#b8ddf1,#c9ebdb);box-shadow:none;cursor:not-allowed;transform:none}.page-actions .filter-button{background:linear-gradient(90deg,#f5d44b,#f5b56b);color:#fff;min-width:120px;width:auto}.page-actions .filter-button:hover{box-shadow:0 4px 12px #f5b64b40;transform:translateY(-2px)}.page-actions .relation-button{background:linear-gradient(90deg,#9d8ff5,#b66bf5);color:#fff;min-width:120px;width:auto}.page-actions .relation-button:hover{box-shadow:0 4px 12px #9d8ff540;transform:translateY(-2px)}.page-actions .diploma-vergelijking-button{background:linear-gradient(90deg,#4bb6f5,#3a9ed6);color:#fff;min-width:180px;width:auto}.page-actions .diploma-vergelijking-button:hover{background:linear-gradient(90deg,#5ac2ff,#4bb6f5);box-shadow:0 4px 12px #4bb6f540;transform:translateY(-2px)}.page-actions .button-icon{align-items:center;display:flex;justify-content:center}.filter-dropdown{animation:dropdownAppear .25s cubic-bezier(.26,.53,.74,1.48);background:#fff;border:1px solid #e6ebf1f2;border-radius:12px;box-shadow:0 8px 24px #2c3e5029;min-width:220px;overflow:hidden;position:absolute;right:0;top:32px;transform-origin:top center;z-index:20}@keyframes dropdownAppear{0%{opacity:0;transform:scale(.98) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.filter-dropdown-title{align-items:center;background-color:#f9fafc;border-bottom:1px solid #f0f4f8;color:#2d3a4a;display:flex;font-weight:600;padding:14px 16px;position:relative}.filter-dropdown-title svg{color:#4bb6f5;margin-right:10px}.filter-dropdown-options{max-height:240px;overflow-y:auto;padding:8px 0}.filter-dropdown-option{align-items:center;display:flex;padding:10px 16px;position:relative;transition:all .15s ease}.filter-dropdown-option:hover{background-color:#f5f9fd}.filter-dropdown-option input[type=radio]{appearance:none;-webkit-appearance:none;border:2px solid #d1d9e6;border-radius:50%;cursor:pointer;height:18px;margin-right:12px;position:relative;transition:all .2s ease;width:18px}.filter-dropdown-option input[type=radio]:checked{background-color:#fff;border-color:#4bb6f5}.filter-dropdown-option input[type=radio]:checked:after{background-color:#4bb6f5;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.filter-dropdown-option input[type=radio]:focus-visible{outline:2px solid #4bb6f566;outline-offset:1px}.filter-dropdown-option label{color:#4a5568;cursor:pointer;flex:1 1;font-size:14.5px;font-weight:500;letter-spacing:.01em;-webkit-user-select:none;user-select:none}.filter-dropdown-option:hover input[type=radio]{border-color:#4bb6f5}.filter-dropdown-options::-webkit-scrollbar{width:5px}.filter-dropdown-options::-webkit-scrollbar-track{background:#0000}.filter-dropdown-options::-webkit-scrollbar-thumb{background:#dfe4ea;border-radius:3px}.filter-dropdown-options::-webkit-scrollbar-thumb:hover{background:#c8d0d9}.filter-dropdown-option[aria-selected=true]{background-color:#4bb6f514}.filter-dropdown-option[aria-selected=true] label{color:#4bb6f5}.node-content{align-items:center;display:flex;justify-content:space-between;width:100%}.node-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relation-code{animation:fadeIn .3s ease-in-out;background-color:#dbeafe;border:1px solid #bfdbfe;border-radius:4px;box-shadow:0 1px 2px #3b82f61a;color:#3b82f6;font-size:.85em;font-weight:600;margin-left:8px;padding:2px 6px;transition:all .2s ease}.relation-code:hover{background-color:#bfdbfe;transform:translateY(-1px)}.relation-code-a{background-color:#dbeafe;border-color:#bfdbfe;color:#1e40af}.relation-code-b{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.relation-code-c{background-color:#fef3c7;border-color:#fde68a;color:#92400e}.relation-code-d{background-color:#fce7f3;border-color:#fbcfe8;color:#9d174d}.relation-code-e{background-color:#ffedd5;border-color:#fed7aa;color:#c2410c}.relation-code-numeric{background-color:#e5e7eb;border-color:#d1d5db;color:#374151}.node-actions{display:flex;gap:6px;margin-left:8px;opacity:.6;transition:opacity .2s}.node-content:hover .node-actions{opacity:1}.diploma-item-row:hover .diploma-checkbox{opacity:1!important;pointer-events:auto!important}.node-relatiecode{border:1px solid;border-radius:4px;display:inline-block;font-size:11px;font-weight:500;margin:0 4px;padding:2px 6px}.node-relatiecode[data-code^=a],.relatiecode-a{background-color:#dbeafe;border-color:#bfdbfe;color:#1e40af}.node-relatiecode[data-code^=b],.relatiecode-b{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.node-relatiecode[data-code^=c],.relatiecode-c{background-color:#fef3c7;border-color:#fde68a;color:#92400e}.node-relatiecode[data-code^=d],.relatiecode-d{background-color:#fce7f3;border-color:#fbcfe8;color:#9d174d}.node-relatiecode[data-code^=e],.relatiecode-e{background-color:#ffedd5;border-color:#fed7aa;color:#c2410c}.node-relatiecode:not([data-code^=a]):not([data-code^=b]):not([data-code^=c]):not([data-code^=d]):not([data-code^=e]),.relatiecode-numeric{background-color:#e5e7eb;border-color:#d1d5db;color:#374151}.relatiecode-color-0{background-color:#dbeafe;border-color:#bfdbfe;color:#1e40af}.relatiecode-color-1{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.relatiecode-color-2{background-color:#fef3c7;border-color:#fde68a;color:#92400e}.relatiecode-color-3{background-color:#fce7f3;border-color:#fbcfe8;color:#9d174d}.relatiecode-color-4{background-color:#ffedd5;border-color:#fed7aa;color:#c2410c}.relatiecode-color-5{background-color:#e0f2ff;border-color:#bae6fd;color:#0369a1}.relatiecode-color-6{background-color:#f3e8ff;border-color:#e9d5ff;color:#6b21a8}.relatiecode-color-7{background-color:#f0fdfa;border-color:#99f6e4;color:#115e59}.relatiecode-color-8{background-color:#ffe4e6;border-color:#fecdd3;color:#9f1239}.relatiecode-color-9{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.detail-page-overlay{align-items:center;background:#000000a6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.detail-page-container{animation:fadeIn .2s;box-shadow:0 8px 32px #00000040;max-height:92vh;max-width:1200px;min-height:70vh;padding:25px 30px 30px;width:92vw}.detail-page-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#4bb6f5;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;position:absolute;right:15px;top:35px;transition:transform .2s ease;width:40px;z-index:2}.detail-page-close-button:hover{background-color:#4bb6f51a;transform:scale(1.1)}.detail-page-header{border-bottom:1px solid #eaeef3;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.detail-page-diplomas-container{display:flex;flex-wrap:wrap;gap:20px;margin-top:10px;overflow-x:auto}.detail-page-diploma-column{box-shadow:0 2px 8px #0000000d;flex:1 1;max-width:500px;min-width:300px;padding:20px;position:relative}.detail-page-title{font-size:1.8rem;margin-bottom:10px;margin-top:0}.detail-page-subtitle{color:#222;font-size:20px;margin-bottom:8px}.detail-page-section{margin-bottom:22px}.detail-page-relation-code{background:#e0e7ef;border-radius:4px;color:#2563eb;font-size:15px;font-weight:600;margin-left:8px;padding:2px 8px}.diploma-remove-button{height:24px;padding:0 6px;transition:all .2s cubic-bezier(.25,.8,.25,1);width:24px}.diploma-remove-button:hover{box-shadow:0 2px 4px #e74c3c33}.detail-page-actions{justify-content:flex-end}.detail-page-add-button{background:linear-gradient(90deg,#4bb6f5,#3a9ed6);border-radius:12px;box-shadow:0 2px 8px #4bb6f51f;font-weight:600;height:40px;margin-left:auto;padding:8px 16px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.detail-page-add-button:hover{background:linear-gradient(90deg,#5ac2ff,#4bb6f5);box-shadow:0 4px 12px #4bb6f540}.detail-page-add-button svg{height:16px;width:16px}.detail-page-section-title{color:#4bb6f5;margin:18px 0 8px}.detail-page-list{padding-left:18px}.detail-page-list-item{background-color:#f8faff;font-size:16px;padding:4px 8px}.detail-page-list-item:hover{background-color:#edf2ff;transform:translateX(4px)}.detail-page-empty-list{color:#aaa}.detail-page-section{border-bottom:1px solid #eaeef3;padding-bottom:20px}.detail-page-section:last-child{border-bottom:none}.detail-page-section-title{align-items:center;display:flex}.detail-page-section-title:before{background-color:#4bb6f5;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:8px;width:8px}.detail-page-overlap-section{border-top:2px dashed #eaeef3;margin-top:30px;padding-top:25px}.detail-page-overlap-header{margin-bottom:15px}.detail-page-overlap-icon{background-color:#e0f2fe;border-radius:50%;color:#2563eb;height:32px;width:32px}.detail-page-overlap-title{color:#2563eb;font-size:1.3rem}.detail-page-overlap-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-page-overlap-card{background-color:#f8faff;border:1px solid #eaeef3;padding:15px}.detail-page-overlap-card-title{color:#4bb6f5;font-size:1.1rem;margin-bottom:10px;margin-top:0}.detail-page-overlap-item{background-color:#fff;transition:all .2s ease}.detail-page-overlap-item:hover{box-shadow:0 2px 4px #0000000d;transform:translateX(4px)}.detail-page-overlap-empty{color:#aaa;padding:8px 0}.detail-page-container{animation:fadeIn .3s ease-out;background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;margin:20px auto;max-height:95vh;max-width:1800px;min-height:80vh;overflow-y:auto;padding:30px 40px 40px;position:relative;width:98%}.detail-page-header{grid-gap:20px;align-items:center;border-bottom:2px solid #eaeef3;display:grid;gap:20px;grid-template-columns:auto 1fr auto;margin-bottom:25px;padding-bottom:18px;width:100%}.detail-page-header-left{align-items:center;display:flex;gap:15px}.detail-page-back-button{align-items:center;background:#f1f5f9;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#334155;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-self:start;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.detail-page-back-button:hover{background:#e2e8f0;box-shadow:0 3px 6px #0000001f;transform:translateY(-2px)}.detail-page-back-button svg{height:16px;width:16px}.detail-page-title{color:#2563eb;font-size:2.2rem;font-weight:600;justify-self:center;margin:0;text-align:center}.detail-page-actions{align-items:center;display:flex;gap:15px;justify-self:end}.detail-page-add-button{align-items:center;background:#4bb6f5;border:none;border-radius:8px;box-shadow:0 2px 5px #4bb6f533;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.detail-page-add-button:hover{background:#3da4e3;box-shadow:0 4px 8px #4bb6f54d;transform:translateY(-2px)}.detail-page-add-button svg{height:18px;width:18px}.detail-page-close-button{display:none}.detail-page-diplomas-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px;width:100%}@media screen and (min-width:1600px){.detail-page-diplomas-container{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media screen and (min-width:2000px){.detail-page-diplomas-container{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}.detail-page-diploma-column{background-color:#f8faff;border:1px solid #eaeef3;border-radius:12px;box-shadow:0 3px 10px #0000000a;height:fit-content;padding:25px;transition:all .2s ease}.detail-page-diploma-column:hover{box-shadow:0 5px 15px #00000014;transform:translateY(-3px)}.detail-page-subtitle{align-items:center;border-bottom:1px solid #e5e9f0;color:#1e293b;display:flex;font-size:22px;justify-content:space-between;margin:0 0 18px;padding-bottom:12px}.detail-page-section{margin-bottom:25px}.detail-page-section-title{border-left:3px solid #4bb6f5;color:#334155;font-size:17px;margin:0 0 12px;padding-left:8px}.detail-page-list{list-style-type:none;margin:0;padding:0 0 0 20px}.detail-page-list-item{background-color:#fff;border-left:3px solid #e5e9f0;border-radius:6px;font-size:15px;margin-bottom:8px;padding:8px 12px;transition:all .2s ease}.detail-page-list-item:hover{background-color:#f0f9ff;border-left-color:#4bb6f5}.detail-page-empty-list{color:#94a3b8;font-style:italic;padding:8px 0}.diploma-remove-button{align-items:center;background:#fff0f0;border:1px solid #fecaca;border-radius:50%;box-shadow:0 1px 3px #e74c3c1a;color:#e74c3c;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.diploma-remove-button:hover{background:#fee2e2;box-shadow:0 2px 4px #e74c3c40;transform:scale(1.1)}.detail-page-placeholder{align-items:center;background:#f8faff;border:2px dashed #d1ddf0;display:flex;justify-content:center;min-height:300px}.detail-page-placeholder-content{color:#94a3b8;padding:30px;text-align:center}.detail-page-placeholder-content svg{margin-bottom:15px;opacity:.6}.detail-page-placeholder-content p{font-size:16px;margin:0}.detail-page-overlap-percentage-container{align-items:center;background:linear-gradient(90deg,#eef2ff,#f8faff);border:1px solid #eaeff8;border-radius:14px;box-shadow:0 4px 12px #0000000f;display:flex;justify-content:space-between;margin-bottom:35px;padding:25px 35px}.detail-page-overlap-percentage{align-items:center;border-radius:10px;display:flex;font-size:28px;font-weight:700;padding:10px 18px}.detail-page-overlap-percentage.overlap-very-high{background-color:#dcfce7;border-left:4px solid #22c55e;color:#166534}.detail-page-overlap-percentage.overlap-high{background-color:#d1fae5;border-left:4px solid #10b981;color:#065f46}.detail-page-overlap-percentage.overlap-medium{background-color:#f0f9ff;border-left:4px solid #0ea5e9;color:#0c4a6e}.detail-page-overlap-percentage.overlap-low{background-color:#fff7ed;border-left:4px solid #f97316;color:#9a3412}.detail-page-overlap-percentage.overlap-very-low{background-color:#fef2f2;border-left:4px solid #ef4444;color:#b91c1c}.detail-page-overlap-icon{font-size:28px;margin-right:12px}.detail-page-overlap-advice:hover,.detail-page-overlap-percentage:hover{box-shadow:0 6px 15px #00000014;transform:translateY(-3px)}.detail-page-overlap-advice{border-radius:10px;box-shadow:0 2px 8px #0000000d;flex:1 1;font-size:16px;line-height:1.5;margin-left:25px;max-width:70%;padding:12px 18px;transition:all .3s ease}.detail-page-overlap-advice.overlap-very-high{background-color:#dcfce7;border-left:4px solid #22c55e;color:#166534}.detail-page-overlap-advice.overlap-high{background-color:#d1fae5;border-left:4px solid #10b981;color:#065f46}.detail-page-overlap-advice.overlap-medium{background-color:#f0f9ff;border-left:4px solid #0ea5e9;color:#0c4a6e}.detail-page-overlap-advice.overlap-low{background-color:#fff7ed;border-left:4px solid #f97316;color:#9a3412}.detail-page-overlap-advice.overlap-very-low{background-color:#fef2f2;border-left:4px solid #ef4444;color:#b91c1c}.overlap-very-high{background-color:#dcfce7;border-left:4px solid #22c55e;color:#166534}.overlap-high{background-color:#d1fae5;border-left:4px solid #10b981;color:#065f46}.overlap-medium{background-color:#f0f9ff;border-left:4px solid #0ea5e9;color:#0c4a6e}.overlap-low{background-color:#fff7ed;border-left:4px solid #f97316;color:#9a3412}.overlap-very-low{background-color:#fef2f2;border-left:4px solid #ef4444;color:#b91c1c}.detail-page-overlap-section{background-color:#f8faff;border:1px solid #eaeef3;border-radius:12px;box-shadow:0 3px 10px #0000000a;margin-bottom:30px;padding:25px}.detail-page-overlap-header{align-items:center;display:flex;margin-bottom:20px}.detail-page-overlap-icon{align-items:center;background-color:#e0e7ff;border-radius:8px;display:flex;height:36px;justify-content:center;margin-right:15px;width:36px}.detail-page-overlap-title{color:#334155;font-size:20px;font-weight:600;margin:0}.detail-page-overlap-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-page-overlap-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;padding:20px}.detail-page-overlap-card-title{border-bottom:1px solid #e5e9f0;color:#334155;font-size:17px;font-weight:600;margin:0 0 15px;padding-bottom:10px}.detail-page-overlap-item{background-color:#f0f9ff;border-left:3px solid #4bb6f5;border-radius:6px;font-size:14px;margin-bottom:8px;padding:8px 12px}.detail-page-overlap-empty{color:#94a3b8;font-style:italic;padding:10px 0}@media screen and (max-width:768px){.detail-page-header{gap:15px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.detail-page-back-button{justify-self:center}.detail-page-title{font-size:1.8rem}.detail-page-actions{justify-self:center}}@media screen and (max-width:1024px){.detail-page-header{gap:15px;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-bottom:25px}.detail-page-actions,.detail-page-back-button{justify-self:center}.detail-page-actions{display:flex;flex-direction:column;gap:10px;max-width:300px;width:100%}.detail-page-add-button{justify-content:center;width:100%}}.auth-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4edf5);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:fadeInUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 30px #2c3e501a;max-width:420px;padding:30px;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:30px;text-align:center}.auth-header h2{color:#2d3a4a;font-size:28px;font-weight:700;margin:0 0 8px}.auth-header p{color:#75889c;font-size:16px;margin:0}.auth-error{background-color:#ffebee;color:#d32f2f}.auth-error,.auth-success{align-items:center;animation:fadeIn .3s ease-out;border-radius:8px;display:flex;font-size:15px;margin-bottom:20px;padding:12px}.auth-success{background-color:#e8f5e9;color:#2e7d32}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-message{border-radius:8px;font-size:15px;margin-bottom:20px;padding:12px}.auth-message,.password-mismatch{align-items:center;animation:fadeIn .3s ease-out;display:flex}.password-mismatch{color:#d32f2f;font-size:13px;margin-top:6px}.password-mismatch:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d32f2f'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");background-size:contain;content:"";display:inline-block;height:14px;margin-right:6px;width:14px}.auth-form,.form-group{margin-bottom:20px}.form-group label{color:#2d3a4a;display:block;font-size:15px;font-weight:600;margin-bottom:8px}.input-wrapper{position:relative}.input-icon,.input-wrapper{align-items:center;display:flex}.input-icon{color:#75889c;justify-content:center;left:14px;position:absolute}.input-wrapper input{border:1.5px solid #e3e7ed;border-radius:10px;font-size:16px;padding:14px;transition:all .2s;width:100%}.input-wrapper input:focus{border-color:#4bb6f5;box-shadow:0 0 0 2px #4bb6f51a;outline:none}.input-wrapper input::placeholder{color:#b0bec5}.password-toggle{align-items:center;background:none;border:none;color:#75889c;cursor:pointer;display:flex;padding:0;position:absolute;right:14px;transition:color .2s}.password-toggle:hover{color:#4bb6f5}.password-strength{align-items:center;display:flex;margin-top:8px}.strength-bar{background:#e0e0e0;border-radius:2px;flex:1 1;height:4px;margin-right:10px;overflow:hidden;position:relative}.strength-bar:before{border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease,background-color .3s ease}.strength-bar.weak:before{background-color:#f44336;width:30%}.strength-bar.medium:before{background-color:#ff9800;width:60%}.strength-bar.strong:before{background-color:#4caf50;width:100%}.strength-text{font-size:13px;font-weight:500}.strength-bar.weak+.strength-text{color:#f44336}.strength-bar.medium+.strength-text{color:#ff9800}.strength-bar.strong+.strength-text{color:#4caf50}.remember-me{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.checkbox-container{align-items:center;color:#2d3a4a;cursor:pointer;display:flex;font-size:15px;padding-left:30px;position:relative;-webkit-user-select:none;user-select:none}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-custom{background-color:#fff;border:1.5px solid #e3e7ed;border-radius:4px;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:20px}.checkbox-container:hover input~.checkbox-custom{border-color:#4bb6f5}.checkbox-container input:checked~.checkbox-custom{background-color:#4bb6f5;border-color:#4bb6f5}.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:12px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox-container input:checked~.checkbox-custom:after{display:block}.forgot-password,.terms-link{color:#4bb6f5;font-weight:500;text-decoration:none;transition:color .2s}.forgot-password:hover,.terms-link:hover{color:#1e88e5;text-decoration:underline}.auth-button{align-items:center;background:linear-gradient(135deg,#4bb6f5,#1e88e5);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:14px;transition:all .2s;width:100%}.auth-button:hover{box-shadow:0 6px 15px #4bb6f54d;transform:translateY(-2px)}.auth-button:active{transform:translateY(0)}.auth-button:disabled{background:#e0e0e0;box-shadow:none;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.auth-footer{color:#75889c;font-size:15px;margin-top:20px;text-align:center}.auth-link{color:#4bb6f5;font-weight:600;text-decoration:none;transition:color .2s}.auth-link:hover{color:#1e88e5;text-decoration:underline}@media (max-width:480px){.auth-card{padding:20px}.auth-header h2{font-size:24px}.auth-button,.input-wrapper input{font-size:15px;padding:12px}}.add-diploma-relations{background:#fff;background:#f4f7fb;border-radius:16px;box-shadow:0 2px 16px #0000000f;font-family:Segoe UI,Arial,sans-serif;margin:32px auto;max-width:1100px;padding:32px 28px}.add-diploma-relations h2{border-bottom:1.5px solid #e3e7ed;color:#2d3a4a;font-size:28px;font-weight:800;letter-spacing:.5px;margin-bottom:18px;padding-bottom:10px}.info-banner{align-items:center;background:linear-gradient(90deg,#e3f0fa,#77a1be);border:1px solid #e3e7ed;border-radius:12px;box-shadow:0 2px 8px #00000008;display:flex;margin-bottom:24px;padding:16px}.info-banner span{font-size:22px;margin-right:12px}.info-banner p{color:#2d3a4a;font-size:15px;font-weight:500;margin:0}.section{background:#fff;border:1.5px solid #e3e7ed;border-radius:14px;box-shadow:0 2px 8px #2c3e5012;margin-bottom:24px;padding:24px}.section-header{align-items:flex-start;background:linear-gradient(90deg,#f7fafc,#e3e7ed);border-bottom:1.5px solid #e3e7ed;border-radius:12px 12px 0 0;box-shadow:0 2px 8px #2c3e500a;display:flex;margin:-24px -24px 16px;padding:18px}.section-header .step{align-items:center;background:linear-gradient(90deg,#4bb6f5,#6be6b1);border-radius:50%;box-shadow:0 2px 8px #4bb6f521;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;margin-right:12px;width:32px}.section-header h3{color:#2d3a4a;font-size:20px;font-weight:800;margin:0;padding-top:6px;text-align:left}.input-field{background:#f7fafc;border:1.5px solid #e3e7ed;border-radius:8px;font-size:16px;margin-top:8px;padding:12px;transition:border-color .3s,background .2s,box-shadow .2s;width:100%}.input-field:focus{background:#fff;border-color:#4bb6f5;box-shadow:0 4px 16px #4bb6f521;outline:none}.input-field::placeholder{color:#b0b8c1}.select-elements-row{display:flex;gap:20px}.deeldiploma-col,.eindterm-col,.taak-col{background:#f7fafc;border:1px solid #e3e7ed;border-radius:12px;box-sizing:border-box;flex:1 1;padding:16px}.deeldiploma-title,.eindterm-title,.taak-title{color:#2d3a4a;font-size:18px;font-weight:700;margin-bottom:10px}.deeldiploma-col .input-field,.eindterm-col .input-field,.taak-col .input-field{box-sizing:border-box;margin-bottom:12px;margin-top:0;padding:10px;width:100%}.list-container{max-height:200px;overflow-y:auto;padding-right:8px}.list-container::-webkit-scrollbar{width:8px}.list-container::-webkit-scrollbar-thumb{background:#e3e7ed;border-radius:4px}.list-container::-webkit-scrollbar-thumb:hover{background:#b0b8c1}.list-container label{border-radius:6px;cursor:pointer;display:block;margin-bottom:8px;padding:8px 10px;transition:background .2s}.list-container label:hover{background:#f1f5f9}.list-container input[type=checkbox]{accent-color:#4bb6f5;cursor:pointer;height:18px;margin-right:8px;width:18px}.selected-item,.selected-item-eindterm,.selected-item-taak{background:#dbeafe!important;border:1px solid #4bb6f54d;color:#2d3a4a;font-weight:600}.empty-list{color:#b0b8c1;font-size:.95rem;font-style:italic;padding:8px 0}.koppelingen-content{display:flex;gap:20px}.koppel-deeldiploma-eindterm,.koppel-eindterm-taak{flex:1 1}.koppel-title{color:#2d3a4a;font-size:16px;font-weight:700;margin-bottom:12px}.koppel-block{background:#fff;border:1.5px solid #e3e7ed;border-radius:8px;box-shadow:0 2px 8px #2c3e500d;margin-bottom:12px;padding:12px 16px}.koppel-checkbox-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.deeldiploma-label,.eindterm-label{color:#2d3a4a;display:block;font-size:15px;margin-bottom:6px}.selected-label,.selected-label-eindterm{color:#4bb6f5;font-weight:600}.overzicht-section{background:#fff;border:1.5px solid #e3e7ed;border-radius:14px;box-shadow:0 2px 8px #2c3e5012;margin-bottom:24px;padding:24px}.overzicht-content{padding:8px}.overzicht-block{margin-bottom:16px}.overzicht-title{color:#2d3a4a;font-weight:700;margin-bottom:8px}.overzicht-list{list-style:none;margin:0;padding:0}.overzicht-list-item{background:#f7fafc;border:1px solid #e3e7ed;border-radius:8px;font-size:15px;margin-bottom:10px;padding:10px 14px}.overzicht-diploma-label,.overzicht-eindterm-label{color:#2d3a4a;font-weight:600}.overzicht-relatie-block{margin-left:10px;padding-top:6px}.overzicht-relatie-item{margin:5px 0}.overzicht-relatie-label{color:#4a5568}.overzicht-relatie-code{background-color:#f0f7ff;border:1px solid #bfdbfe;border-radius:4px;color:#3b82f6;font-size:.85em;font-weight:600;margin-left:4px;padding:2px 6px}.actions-row{display:flex;gap:14px;justify-content:flex-end;margin-top:24px}.button{align-items:center;background:linear-gradient(90deg,#4bb6f5,#6be6b1);border:none;border-radius:8px;box-shadow:0 2px 8px #4bb6f521;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:700;gap:8px;padding:12px 30px;text-align:center;transition:background .3s,box-shadow .2s}.button:hover{background:linear-gradient(90deg,#3a9ed6,#4bb6f5);box-shadow:0 4px 16px #4bb6f533}.button-secondary{align-items:center;background:#f7fafc;border:1.5px solid #e3e7ed;border-radius:8px;color:#2d3a4a;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:11px 28px;transition:background .2s,box-shadow .2s}.button-secondary:hover{background:#e3e7ed}.diploma-dropdown-container{position:relative;width:100%}.diploma-selected{align-items:center;background:#f7fafc;border:1.5px solid #e3e7ed;border-radius:8px;box-shadow:0 2px 4px #2c3e5008;color:#2d3a4a;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.diploma-selected:hover{background:#f9fbfd;border-color:#4bb6f5}.diploma-selected svg{color:#b0b8c1;transition:transform .2s ease}.diploma-dropdown-container:hover .diploma-selected svg{color:#4bb6f5}.diploma-dropdown{animation:dropdownFadeIn .25s cubic-bezier(.26,.53,.74,1.48);background:#fff;border:1.5px solid #e3e7ed;border-radius:10px;box-shadow:0 4px 16px #2c3e5021;left:0;max-height:320px;overflow:hidden;position:absolute;top:calc(100% + 8px);width:100%;z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.diploma-search{background:linear-gradient(90deg,#f7fafc,#e3e7ed);border-bottom:1.5px solid #e3e7ed;padding:12px 14px;position:relative}.diploma-search-input{background:#fff;border:1.5px solid #e3e7ed;border-radius:6px;font-size:15px;padding:10px 36px 10px 12px;transition:all .2s ease;width:100%}.diploma-search-input:focus{border-color:#4bb6f5;box-shadow:0 2px 8px #4bb6f521;outline:none}.diploma-search-icon{color:#b0b8c1;position:absolute;right:26px;top:50%;transform:translateY(-50%)}.diploma-options{max-height:240px;overflow-y:auto}.diploma-option{border-bottom:1px solid #f0f4f8;cursor:pointer;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.diploma-option:hover{background:#f0f7ff}.diploma-option.selected{background:#dbeafe;color:#1e40af;font-weight:600}.diploma-empty{color:#b0b8c1;font-style:italic;padding:16px;text-align:center}.diploma-options::-webkit-scrollbar{width:8px}.diploma-options::-webkit-scrollbar-track{background:#0000}.diploma-options::-webkit-scrollbar-thumb{background:#e3e7ed;border-radius:4px}.diploma-options::-webkit-scrollbar-thumb:hover{background:#b0b8c1}@media (max-width:768px){.actions-row,.koppelingen-content,.select-elements-row{flex-direction:column}.actions-row{align-items:stretch;gap:12px}.section{padding:16px}.section-header{margin:-16px -16px 16px;padding:14px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h2{background-color:#f0f0f0;border-radius:5px;cursor:pointer;padding:10px}.grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.grid div{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:15px}.grid div div{margin-bottom:5px}.search-bar{align-items:center;display:flex;margin:10px 0}.search-input{border:1px solid #ddd;border-radius:5px 0 0 5px;flex:1 1;font-size:14px;outline:none;padding:10px}.search-button{background-color:#007bff;border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s ease}.search-button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.eecfcc9f.css.map*/