.modern-universal{--bg-color:#4e5b91;--text-color:#333;--button-text-color:#fff;--container-bg:hsla(0,0%,100%,.95);--section-bg:#f8f9fa;--border-color:#e2e8f0;--input-bg:#fff;--shadow:rgba(0,0,0,.1);--error-color:#e53e3e;--success-color:#38a169;--thead-bg:#4f5b93;--thead-color:#fff;--table-odd:#eceadf;--table-even:#fff;--table-hover:rgba(102,126,234,.1)}.modern-universal[data-theme=dark]{--bg-color:#1a202c;--text-color:#e2e8f0;--container-bg:rgba(45,55,72,.95);--section-bg:#2d3748;--border-color:#4a5568;--input-bg:#2d3748;--shadow:rgba(0,0,0,.3);--table-odd:#4a5568;--table-even:#2d3748;--table-hover:rgba(102,126,234,.2)}.modern-universal,.modern-universal *{box-sizing:border-box}.modern-universal{margin:0;padding:0 .625rem 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-color);color:var(--text-color)}.modern-universal body{background:var(--body)}.modern-universal #content{min-height:100vh;padding:clamp(.625rem,5vw,1.25rem)}.modern-universal .container{background:var(--container-bg);border-radius:clamp(.75rem,3vw,1.25rem);padding:clamp(1.25rem,5vw,1.875rem) clamp(1.25rem,5vw,1.875rem) .625rem;box-shadow:0 1.25rem 2.5rem var(--shadow);backdrop-filter:blur(.625rem);position:relative;max-width:clamp(20rem,90vw,37.5rem);margin-left:0;top:1rem}.modern-universal .header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(1.25rem,4vw,1.5625rem);gap:.9375rem}.modern-universal .header-left{display:flex;align-items:center;gap:clamp(.5rem,2vw,.75rem)}.modern-universal .theme-toggle{background:#f8f8f8;border:.125rem solid var(--border-color);border-radius:clamp(.375rem,1.5vw,.5rem);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,3.5vw,1.25rem);transition:all .3s ease;color:var(--text-color);flex-shrink:0;padding:0;width:clamp(2rem,6vw,2.25rem);height:clamp(2rem,6vw,2.25rem)}.modern-universal[data-theme=dark] .theme-toggle{background:#4a5568}body .theme-toggle{background:var(--body)}.modern-universal .theme-toggle:hover{transform:translateY(-.125rem);box-shadow:0 .3125rem .9375rem var(--shadow);background:#e2e8f0}.modern-universal[data-theme=dark] .theme-toggle:hover{background:#718096}.modern-universal h1{color:var(--text-color);font-size:clamp(1.375rem,4.5vw,1.75rem);margin:0;font-weight:600}.modern-universal .vanilla-title{color:#4c5e8d}.modern-universal .section{margin-bottom:clamp(1.25rem,4vw,1.875rem);padding:clamp(.9375rem,4vw,1.25rem);background:var(--section-bg);border-radius:clamp(.5rem,2vw,.75rem);border-left:.25rem solid #667eea;transition:background-color .3s ease}.modern-universal .input-group{margin-bottom:clamp(1.25rem,4vw,1.5625rem);position:relative}.modern-universal .field-container{position:relative}.modern-universal label{position:absolute;left:clamp(.625rem,2.5vw,.75rem);top:50%;transform:translateY(-50%);font-weight:500;color:#718096;font-size:clamp(.875rem,3.5vw,1rem);pointer-events:none;transition:all .3s ease;background:var(--input-bg);padding:0 .25rem;z-index:1}.modern-universal input:focus+label,.modern-universal input:not(:placeholder-shown)+label,.modern-universal label.floating,.modern-universal textarea:focus+label,.modern-universal textarea:not(:placeholder-shown)+label{top:0;transform:translateY(-50%);font-size:clamp(.6875rem,2.5vw,.75rem);color:#667eea;font-weight:600}.modern-universal label .required{color:var(--error-color);margin-left:.125rem}.modern-universal input,.modern-universal textarea{width:100%;padding:clamp(.75rem,3vw,.9375rem) clamp(.625rem,2.5vw,.75rem);border:.125rem solid var(--border-color);border-radius:clamp(.375rem,1.5vw,.5rem);font-size:clamp(.875rem,3.5vw,1rem);transition:all .3s ease;background:var(--input-bg);color:var(--text-color);outline:none}.modern-universal input::placeholder,.modern-universal textarea::placeholder{opacity:.5;color:#718096}.modern-universal input:focus,.modern-universal textarea:focus{border-color:#667eea;box-shadow:0 0 0 .1875rem rgba(102,126,234,.1)}.modern-universal input.error,.modern-universal textarea.error{border-color:var(--error-color)}.modern-universal input.success,.modern-universal textarea.success{border-color:var(--success-color)}.modern-universal .error-message{position:absolute;left:clamp(.625rem,2.5vw,.75rem);top:50%;transform:translateY(-50%);font-weight:600;color:var(--error-color);font-size:clamp(.6875rem,2.5vw,.75rem);background:var(--input-bg);padding:0 .25rem;z-index:1;opacity:0;transition:all .3s ease}.modern-universal textarea+label+.error-message{top:75%}.modern-universal .error-message.show{opacity:1;bottom:.125rem;top:auto;transform:translateY(50%)}.modern-universal textarea+label+.error-message.show{bottom:.3125rem;top:auto}.modern-universal textarea{resize:vertical;min-height:clamp(5rem,20vw,6.25rem);font-family:inherit}.modern-universal button{background:#e2e8f0;color:var(--button-text-color);border:.125rem solid var(--border-color);padding:clamp(.625rem,2.5vw,.75rem) clamp(1.25rem,5vw,1.5rem);border-radius:clamp(.375rem,1.5vw,.5rem);cursor:pointer;font-size:clamp(.875rem,3.5vw,1rem);font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.modern-universal button:hover:not(:disabled){transform:translateY(-.125rem);box-shadow:0 .3125rem .9375rem var(--shadow)}.modern-universal button:active{transform:translateY(0)}.modern-universal button:disabled{opacity:.6;cursor:not-allowed}.modern-universal .btn-blue{background:linear-gradient(135deg,#3182ce,#2c5aa0);color:var(--button-text-color)}.modern-universal .btn-blue:hover:not(:disabled){box-shadow:0 .625rem 1.25rem rgba(49,130,206,.3)}.modern-universal .btn-red{background:linear-gradient(135deg,#e53e3e,#c53030);color:var(--button-text-color)}.modern-universal .btn-red:hover:not(:disabled){box-shadow:0 .625rem 1.25rem rgba(229,62,62,.3)}.modern-universal .btn-green{background:linear-gradient(135deg,#38a169,#2f855a);color:var(--button-text-color)}.modern-universal .btn-green:hover:not(:disabled){box-shadow:0 .625rem 1.25rem rgba(56,161,105,.3)}.modern-universal .btn-gray{background:linear-gradient(135deg,#718096,#4a5568);color:var(--button-text-color)}.modern-universal .btn-gray:hover:not(:disabled){box-shadow:0 .625rem 1.25rem rgba(113,128,150,.3)}.modern-universal dialog{border:none;border-radius:clamp(.5rem,2vw,.75rem);padding:0;max-width:clamp(17.5rem,80vw,25rem);background:var(--container-bg);color:var(--text-color);box-shadow:0 1.25rem 2.5rem var(--shadow)}.modern-universal dialog::backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(.25rem)}.modern-universal .dialog-content{padding:clamp(1.25rem,5vw,1.5625rem);text-align:center}.modern-universal .dialog-title{font-size:clamp(1.125rem,4vw,1.25rem);font-weight:700;margin-bottom:clamp(.625rem,2vw,.9375rem);color:var(--success-color)}.modern-universal .dialog-message{margin-bottom:clamp(.9375rem,3vw,1.25rem);line-height:1.5;font-size:clamp(.875rem,3vw,1rem)}.modern-universal .dialog-buttons{display:flex;gap:.625rem;justify-content:center;margin-top:1.25rem}.modern-universal .dialog-button{color:#fff;border:none;padding:clamp(.5rem,2vw,.625rem) clamp(1rem,4vw,1.25rem);border-radius:clamp(.3125rem,1vw,.375rem);cursor:pointer;font-size:clamp(.875rem,3vw,1rem);font-weight:600}.modern-universal .loading{display:inline-block;width:clamp(1rem,3vw,1.25rem);height:clamp(1rem,3vw,1.25rem);border:.125rem solid #f3f3f3;border-top:.125rem solid #667eea;border-radius:50%;animation:icon-spin 1s linear infinite;margin-right:clamp(.3125rem,1vw,.5rem)}.modern-universal table.vanilla{width:100%;border-collapse:collapse;background:var(--section-bg);box-shadow:0 .125rem .5rem var(--shadow)}.modern-universal table.vanilla tr{border-bottom:.0625rem solid #000}.modern-universal table.vanilla thead{background-color:var(--thead-bg);color:var(--thead-color)}.modern-universal table.vanilla thead tr{background-color:var(--thead-bg)}.modern-universal table.vanilla td,.modern-universal table.vanilla th{padding:0 clamp(.5rem,2vw,.625rem);text-align:left;font-size:clamp(.625rem,3vw,.6875rem);vertical-align:middle;height:2.5rem;border:none}.modern-universal table.vanilla th{font-weight:600}.modern-universal table.vanilla tbody tr.odd-row,.modern-universal table.vanilla tbody tr:nth-child(odd){background-color:var(--table-odd)}.modern-universal table.vanilla tbody tr.even-row,.modern-universal table.vanilla tbody tr:nth-child(2n){background-color:var(--table-even)}.modern-universal table.vanilla tbody tr:hover{background:var(--table-hover)}.modern-universal table.vanilla td.center,.modern-universal table.vanilla th.center{text-align:center}.modern-universal .captcha-canvas{border:.125rem solid var(--border-color);border-radius:clamp(.375rem,1.5vw,.5rem);background:var(--input-bg);cursor:pointer;transition:border-color .3s ease}.modern-universal .captcha-canvas:hover{border-color:#667eea}.modern-universal .captcha-container{display:flex;align-items:center;gap:clamp(.625rem,2vw,.9375rem);flex-wrap:wrap}.modern-universal .captcha-input{width:auto!important;min-width:clamp(3.75rem,15vw,5rem);text-align:center;font-weight:700;text-transform:uppercase}.modern-universal .refresh-captcha{background:#f8f8f8;border:.125rem solid var(--border-color);border-radius:clamp(.375rem,1.5vw,.5rem);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,3.5vw,1.25rem);transition:all .3s ease;color:var(--text-color);padding:0;width:clamp(2rem,6vw,2.25rem);height:clamp(2rem,6vw,2.25rem)}.modern-universal[data-theme=dark] .refresh-captcha{background:#4a5568}.modern-universal .refresh-captcha:hover{transform:translateY(-.125rem) rotate(180deg);box-shadow:0 .3125rem .9375rem var(--shadow);background:#e2e8f0;border-color:#667eea}.modern-universal[data-theme=dark] .refresh-captcha:hover{background:#718096}.modern-universal .refresh-captcha,.modern-universal .theme-toggle{min-width:unset!important}@media (max-width:30rem){.modern-universal .captcha-container{flex-direction:column;align-items:stretch}}.modern-universal .toolbar{display:flex;align-items:center;gap:clamp(.625rem,2vw,.9375rem);margin-bottom:clamp(.9375rem,3vw,1.25rem);flex-wrap:wrap}.modern-universal .toolbar-left{flex:1}.modern-universal .toolbar-left,.modern-universal .toolbar-right{display:flex;align-items:center;gap:clamp(.5rem,2vw,.75rem)}.modern-universal .icon-btn{background:#f8f8f8;border:.125rem solid var(--border-color);border-radius:clamp(.375rem,1.5vw,.5rem);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(.875rem,3vw,1rem);transition:all .3s ease;color:var(--text-color);padding:clamp(.5rem,2vw,.625rem);min-width:clamp(2rem,6vw,2.25rem);height:clamp(2rem,6vw,2.25rem)}.modern-universal[data-theme=dark] .icon-btn{background:#4a5568}.modern-universal .icon-btn:hover{transform:translateY(-.125rem);box-shadow:0 .3125rem .9375rem var(--shadow);background:#e2e8f0;border-color:#667eea}.modern-universal[data-theme=dark] .icon-btn:hover{background:#718096}.modern-universal .row-actions{display:flex;gap:.3125rem;justify-content:center}.modern-universal .row-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .3s ease;font-size:1rem}.modern-universal .edit-btn{color:#667eea}.modern-universal .edit-btn:hover{background:rgba(102,126,234,.1)}.modern-universal .delete-btn{color:var(--error-color)}.modern-universal .delete-btn:hover{background:rgba(229,62,62,.1)}.modern-universal .photo-cell{text-align:center;width:1.875rem;padding:0}.modern-universal .photo-img,.modern-universal .photo-placeholder{width:1.875rem;height:2.5rem;object-fit:cover;cursor:pointer;transition:all .3s ease;display:block;margin:0}.modern-universal .photo-img:hover,.modern-universal .photo-placeholder:hover{transform:scale(2)}.modern-universal .actions-cell{text-align:center;width:5rem;padding:0}.modern-universal .awesomplete{width:100%!important;display:block!important}.modern-universal .awesomplete input{width:100%!important;min-width:100%!important;box-sizing:border-box!important}.modern-universal .awesomplete>ul{background:var(--input-bg,#fff)!important;border:.125rem solid var(--border-color,#e2e8f0)!important;border-radius:clamp(.375rem,1.5vw,.5rem)!important;box-shadow:0 .625rem 1.5625rem rgba(0,0,0,.15)!important;opacity:1!important;z-index:2!important;max-height:12.5rem!important;overflow-y:auto!important}.modern-universal .awesomplete>ul>li{padding:clamp(.5rem,2vw,.625rem) clamp(.625rem,2.5vw,.75rem)!important;color:var(--text-color,#333)!important;background:transparent!important;font-size:clamp(.8125rem,3vw,.875rem)!important;border-bottom:.0625rem solid var(--border-color,#e2e8f0)!important;transition:background-color .2s ease!important}.modern-universal .awesomplete>ul>li:nth-child(odd){background:var(--table-odd,#eceadf)!important}.modern-universal .awesomplete>ul>li:nth-child(2n){background:var(--table-even,#fff)!important}.modern-universal[data-theme=dark] .awesomplete>ul{background:var(--input-bg,#2d3748)!important;border-color:var(--border-color,#4a5568)!important}.modern-universal[data-theme=dark] .awesomplete>ul>li{color:var(--text-color,#e2e8f0)!important;border-bottom-color:var(--border-color,#4a5568)!important}.modern-universal[data-theme=dark] .awesomplete>ul>li:nth-child(odd){background:var(--table-odd,#4a5568)!important}.modern-universal[data-theme=dark] .awesomplete>ul>li:nth-child(2n){background:var(--table-even,#2d3748)!important}.modern-universal .awesomplete>ul>li:hover,.modern-universal .awesomplete>ul>li[aria-selected=true]{background:rgba(102,126,234,.1)!important}.modern-universal[data-theme=dark] .awesomplete>ul>li:hover,.modern-universal[data-theme=dark] .awesomplete>ul>li[aria-selected=true]{background:rgba(102,126,234,.2)!important}.icon{display:inline-block;width:1rem;height:1rem;margin-right:.5rem;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-position:50%;flex-shrink:0}.icon-lg{width:1.25rem;height:1.25rem;margin-right:.625rem}.icon-xl{width:1.5rem;height:1.5rem;margin-right:.75rem}.icon-mask{mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:currentColor;background-image:none}.icon-app{background-image:url(/icons/app.svg)}.icon-balance{background-image:url(/icons/balance.svg)}.icon-billiard-cue{background-image:url(/icons/billiard-cue.svg)}.icon-business-man{background-image:url(/icons/business-man.svg)}.icon-calculator{background-image:url(/icons/calculator.svg)}.icon-camera{background-image:url(/icons/camera.svg)}.icon-cancel{background-image:url(/icons/cancel.svg)}.icon-clock{background-image:url(/icons/clock.svg)}.icon-computer{background-image:url(/icons/computer.svg)}.icon-cross-mark{background-image:url(/icons/cross-mark.svg)}.icon-cup{background-image:url(/icons/cup.svg)}.icon-dark{background-image:url(/icons/dark.svg)}.icon-delete{background-image:url(/icons/delete.svg)}.icon-delete-person{background-image:url(/icons/delete-person.svg)}.icon-demo{background-image:url(/icons/demo.svg)}.icon-document{background-image:url(/icons/document.svg)}.icon-download{background-image:url(/icons/download.svg)}.icon-email-cancel{background-image:url(/icons/email-cancel.svg)}.icon-email-send{background-image:url(/icons/email-send.svg)}.icon-events{background-image:url(/icons/events.svg)}.icon-excel{background-image:url(/icons/excel.svg)}.icon-hamburger-menu{background-image:url(/icons/hamburger-menu.svg)}.icon-handshake{background-image:url(/icons/handshake.svg)}.icon-head-settings{background-image:url(/icons/head-settings.svg)}.icon-history{background-image:url(/icons/history.svg)}.icon-help{background-image:url(/icons/help.webp)}.icon-home{background-image:url(/icons/home.svg)}.icon-key{background-image:url(/icons/key.svg)}.icon-knbb{background-image:url(/icons/knbb.webp)}.icon-left-arrow{background-image:url(/icons/left-arrow.svg)}.icon-left-arrow-next{background-image:url(/icons/left-arrow-next.svg)}.icon-letter-a{background-image:url(/icons/letter-a.svg)}.icon-light{background-image:url(/icons/light.svg)}.icon-link{background-image:url(/icons/link.svg)}.icon-none{background-image:url(/icons/none.svg)}.icon-north-point{background-image:url(/icons/north-point.svg)}.icon-operating-device{background-image:url(/icons/operating-device.svg)}.icon-pc{background-image:url(/icons/pc.svg)}.icon-pdf{background-image:url(/icons/pdf.svg)}.icon-pencil{background-image:url(/icons/pencil.svg)}.icon-photo-personal{background-image:url(/icons/photo-personal.svg)}.icon-presenter{background-image:url(/icons/presenter.svg)}.icon-printer{background-image:url(/icons/printer.svg)}.icon-raspberry-pi{background-image:url(/icons/raspberry-pi.svg)}.icon-recycle-bin{background-image:url(/icons/recycle-bin.svg)}.icon-right-arrow{background-image:url(/icons/right-arrow.svg)}.icon-save{background-image:url(/icons/save.svg)}.icon-settings{background-image:url(/icons/settings.svg)}.icon-shopping-cart{background-image:url(/icons/shopping-cart.svg)}.icon-sort-down-green{background-image:url(/icons/sort-down-green.svg)}.icon-sort-down-yellow{background-image:url(/icons/sort-down-yellow.svg)}.icon-sort-up-green{background-image:url(/icons/sort-up-green.svg)}.icon-sort-up-yellow{background-image:url(/icons/sort-up-yellow.svg)}.icon-team{background-image:url(/icons/team.svg)}.modern-universal .vanilla-title.with-icon{display:flex;align-items:center;gap:.75rem}.modern-universal .title-icon{width:1.5rem;height:1.5rem;background-size:contain;background-repeat:no-repeat;background-position:50%;flex-shrink:0}.title-icon.team-icon{background-image:url(/icons/team.svg)}.title-icon.camera-icon{background-image:url(/icons/camera.svg)}.title-icon.home-icon{background-image:url(/icons/home.svg)}.title-icon.email-send-icon{background-image:url(/icons/email-send.svg)}.title-icon.key-icon{background-image:url(/icons/key.svg);clip-path:none}.modern-universal .btn-with-icon{display:flex;align-items:center;gap:.5rem}.modern-universal .btn-icon{flex-shrink:0}.modern-universal .action-icon,.modern-universal .btn-icon{width:1rem;height:1rem;background-size:contain;background-repeat:no-repeat;background-position:50%}.modern-universal .action-icon{display:inline-block;vertical-align:middle}.modern-universal[data-theme=dark] .icon-mask.icon-app{background-image:none;mask:url(/icons/app.svg) no-repeat center;background-color:currentColor}.modern-universal[data-theme=dark] .icon-mask.icon-balance{background-image:none;mask:url(/icons/balance.svg) no-repeat center;background-color:currentColor}.modern-universal[data-theme=dark] .icon-mask.icon-calculator{background-image:none;mask:url(/icons/calculator.svg) no-repeat center;background-color:currentColor}.modern-universal[data-theme=dark] .icon-mask.icon-camera{background-image:none;mask:url(/icons/camera.svg) no-repeat center;background-color:currentColor}.modern-universal[data-theme=dark] .icon-mask.icon-clock{background-image:none;mask:url(/icons/clock.svg) no-repeat center;background-color:currentColor}.modern-universal[data-theme=dark] .icon-mask.icon-cup{background-image:none;mask:url(/icons/cup.svg) no-repeat center;background-color:currentColor}.modern-universal[data-theme=dark] .icon-mask.icon-download{background-image:none;mask:url(/icons/download.svg) no-repeat center;background-color:currentColor}.modern-universal[data-theme=dark] .icon-mask.icon-email-send{background-image:none;mask:url(/icons/email-send.svg) no-repeat center;background-color:currentColor}.modern-universal[data-theme=dark] .icon-mask.icon-home{background-image:none;mask:url(/icons/home.svg) no-repeat center;background-color:currentColor}.modern-universal[data-theme=dark] .icon-mask.icon-key{background-image:none;mask:url(/icons/key.svg) no-repeat center;background-color:currentColor}.modern-universal[data-theme=dark] .icon-mask.icon-operating-device{background-image:none;mask:url(/icons/operating-device.svg) no-repeat center;background-color:currentColor}.modern-universal[data-theme=dark] .icon-mask.icon-photo-personal{background-image:none;mask:url(/icons/photo-personal.svg) no-repeat center;background-color:currentColor}.modern-universal[data-theme=dark] .icon-mask.icon-shopping-cart{background-image:none;mask:url(/icons/shopping-cart.svg) no-repeat center;background-color:currentColor}.modern-universal[data-theme=dark] .icon-mask.icon-team{background-image:none;mask:url(/icons/team.svg) no-repeat center;background-color:currentColor}.modern-universal .btn-with-icon:hover .btn-icon,.modern-universal .menu-item:hover .menu-icon{opacity:.8;transform:scale(1.1);transition:all .2s ease}.icon-loading{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:48rem){.icon{width:.875rem;height:.875rem;margin-right:.375rem}.icon-lg{width:1.125rem;height:1.125rem;margin-right:.5rem}.icon-xl{width:1.375rem;height:1.375rem;margin-right:.625rem}.menu-icon{width:.875rem!important;height:.875rem!important;margin-right:.375rem!important}.title-icon{width:1.25rem!important;height:1.25rem!important}}@media (max-width:30rem){.icon{width:.75rem;height:.75rem;margin-right:.25rem}.icon-lg{width:1rem;height:1rem;margin-right:.375rem}.icon-xl{width:1.25rem;height:1.25rem;margin-right:.5rem}.menu-icon{width:.75rem!important;height:.75rem!important;margin-right:.25rem!important}.title-icon{width:1.125rem!important;height:1.125rem!important}}@media print{.no-print{display:none!important}.modern-universal{background:#fff!important;color:#000!important;min-height:auto!important}.modern-universal .huisnamen-container{background:#fff!important;box-shadow:none!important;border-radius:0!important;backdrop-filter:none!important}.modern-universal table.vanilla{border-collapse:collapse!important;width:100%!important}.modern-universal table.vanilla td,.modern-universal table.vanilla th{border:.0625rem solid #000!important;padding:.3125rem!important;font-size:.75rem!important}.modern-universal table.vanilla thead{background:#fff!important;color:#000!important}}