.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;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh}.modern-universal #content{min-height:100vh;padding:clamp(10px,5vw,20px)}.modern-universal .container{background:var(--container-bg);border-radius:clamp(12px,3vw,20px);padding:clamp(20px,5vw,30px) clamp(20px,5vw,30px) 10px;box-shadow:0 20px 40px var(--shadow);backdrop-filter:blur(10px);position:relative;max-width:clamp(320px,90vw,600px);margin-left:0}.modern-universal .header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(20px,4vw,25px);gap:15px}.modern-universal .header-left{display:flex;align-items:center;gap:clamp(8px,2vw,12px)}.modern-universal .theme-toggle{background:#f8f8f8;border:2px solid var(--border-color);border-radius:clamp(6px,1.5vw,8px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,3.5vw,20px);transition:all .3s ease;color:var(--text-color);flex-shrink:0;padding:0;width:clamp(32px,6vw,36px);height:clamp(32px,6vw,36px)}.modern-universal[data-theme=dark] .theme-toggle{background:#4a5568}.modern-universal .theme-toggle:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow);background:#e2e8f0}.modern-universal[data-theme=dark] .theme-toggle:hover{background:#718096}.modern-universal h1{color:var(--text-color);font-size:clamp(22px,4.5vw,28px);margin:0;font-weight:600}.modern-universal .vanilla-title{color:#4c5e8d}.modern-universal .section{margin-bottom:clamp(20px,4vw,30px);padding:clamp(15px,4vw,20px);background:var(--section-bg);border-radius:clamp(8px,2vw,12px);border-left:4px solid #667eea;transition:background-color .3s ease}.modern-universal .input-group{margin-bottom:clamp(20px,4vw,25px);position:relative}.modern-universal .field-container{position:relative}.modern-universal .site-filter-field{margin-block:0;padding-block:0}.modern-universal input.site-filter-input{min-height:3rem;margin-block:0;padding-top:.75rem;padding-bottom:.75rem;line-height:1.25rem}.modern-universal input.site-filter-input[maxlength="15"]{box-sizing:border-box;width:calc(15ch + 3rem);max-width:100%}.modern-universal input.site-filter-input+label{line-height:1.25}.modern-universal label{position:absolute;left:clamp(10px,2.5vw,12px);top:50%;transform:translateY(-50%);font-weight:500;color:#718096;font-size:clamp(14px,3.5vw,16px);pointer-events:none;transition:all .3s ease;background:var(--input-bg);padding:0 4px;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(11px,2.5vw,12px);color:#667eea;font-weight:600}.modern-universal input:focus+label{top:.125rem;transform:translateY(-100%);background:#fff;color:#000;border:.125rem solid #667eea;border-bottom:0;border-radius:.25rem .25rem 0 0;padding:.125rem .25rem 0}.modern-universal label .required{color:var(--error-color);margin-left:2px}.modern-universal input,.modern-universal textarea{width:100%;padding:clamp(12px,3vw,15px) clamp(10px,2.5vw,12px);border:.0625rem solid var(--border-color);border-radius:clamp(6px,1.5vw,8px);font-size:clamp(14px,3.5vw,16px);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 3px 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(10px,2.5vw,12px);top:50%;transform:translateY(-50%);font-weight:600;color:var(--error-color);font-size:clamp(11px,2.5vw,12px);background:var(--input-bg);padding:0 4px;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:2px;top:auto;transform:translateY(50%)}.modern-universal textarea+label+.error-message.show{bottom:5px;top:auto}.modern-universal textarea{resize:vertical;min-height:clamp(80px,20vw,100px);font-family:inherit}.modern-universal button{background:#e2e8f0;color:var(--button-text-color);border:2px solid var(--border-color);padding:clamp(10px,2.5vw,12px) clamp(20px,5vw,24px);border-radius:clamp(6px,1.5vw,8px);cursor:pointer;font-size:clamp(14px,3.5vw,16px);font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.modern-universal button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px 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 10px 20px 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 10px 20px 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 10px 20px 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 10px 20px rgba(113,128,150,.3)}.modern-universal dialog{border:none;border-radius:clamp(8px,2vw,12px);padding:0;max-width:clamp(280px,80vw,400px);background:var(--container-bg);color:var(--text-color);box-shadow:0 20px 40px var(--shadow)}.modern-universal dialog::backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.modern-universal .dialog-content{padding:clamp(20px,5vw,25px);text-align:center}.modern-universal .dialog-title{font-size:clamp(18px,4vw,20px);font-weight:700;margin-bottom:clamp(10px,2vw,15px);color:var(--success-color)}.modern-universal .dialog-message{margin-bottom:clamp(15px,3vw,20px);line-height:1.5;font-size:clamp(14px,3vw,16px)}.modern-universal .dialog-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}.modern-universal .dialog-button{color:#fff;border:none;padding:clamp(8px,2vw,10px) clamp(16px,4vw,20px);border-radius:clamp(5px,1vw,6px);cursor:pointer;font-size:clamp(14px,3vw,16px);font-weight:600}.modern-universal .loading{display:inline-block;width:clamp(16px,3vw,20px);height:clamp(16px,3vw,20px);border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-right:clamp(5px,1vw,8px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modern-universal table.vanilla{width:100%;border-collapse:collapse;background:var(--section-bg);box-shadow:0 2px 8px var(--shadow)}.modern-universal table.vanilla tr{border-bottom:1px 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(8px,2vw,10px);text-align:left;font-size:clamp(12px,3vw,14px);vertical-align:middle;height:40px;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:2px solid var(--border-color);border-radius:clamp(6px,1.5vw,8px);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(10px,2vw,15px);flex-wrap:wrap}.modern-universal .captcha-input{width:auto!important;min-width:clamp(60px,15vw,80px);text-align:center;font-weight:700;text-transform:uppercase}.modern-universal .refresh-captcha{background:#f8f8f8;border:2px solid var(--border-color);border-radius:clamp(6px,1.5vw,8px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,3.5vw,20px);transition:all .3s ease;color:var(--text-color);padding:0;width:clamp(32px,6vw,36px);height:clamp(32px,6vw,36px)}.modern-universal[data-theme=dark] .refresh-captcha{background:#4a5568}.modern-universal .refresh-captcha:hover{transform:translateY(-2px) rotate(180deg);box-shadow:0 5px 15px 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:480px){.modern-universal .captcha-container{flex-direction:column;align-items:stretch}}.modern-universal .toolbar{display:flex;align-items:center;gap:clamp(10px,2vw,15px);margin-bottom:clamp(15px,3vw,20px);flex-wrap:wrap}.modern-universal .toolbar-left{flex:1}.modern-universal .toolbar-left,.modern-universal .toolbar-right{display:flex;align-items:center;gap:clamp(8px,2vw,12px)}.modern-universal .icon-btn{background:#f8f8f8;border:2px solid var(--border-color);border-radius:clamp(6px,1.5vw,8px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,3vw,16px);transition:all .3s ease;color:var(--text-color);padding:clamp(8px,2vw,10px);min-width:clamp(32px,6vw,36px);height:clamp(32px,6vw,36px)}.modern-universal[data-theme=dark] .icon-btn{background:#4a5568}.modern-universal .icon-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow);background:#e2e8f0;border-color:#667eea}.modern-universal[data-theme=dark] .icon-btn:hover{background:#718096}.modern-universal .row-actions{display:flex;gap:5px;justify-content:center}.modern-universal .row-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease;font-size:16px}.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:30px;padding:0}.modern-universal .photo-img,.modern-universal .photo-placeholder{width:30px;height:40px;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:80px;padding:0}#content,#divphp{background:var(--container-bg,red)}.modern-universal .input-clear-host{overflow:visible}.modern-universal .input-clear-position{position:relative}.modern-universal .input-clear-host>button.input-clear-button{background:transparent;border:0;border-radius:0;box-shadow:none;color:transparent;cursor:pointer;font-size:0;font-weight:400;height:1.5rem;margin:0;min-height:0;padding:0;position:absolute;width:1.5rem;z-index:5}.modern-universal .input-clear-host>button.input-clear-button>svg{display:block;width:100%;height:100%}.modern-universal .input-clear-host>button.input-clear-button:focus-visible,.modern-universal .input-clear-host>button.input-clear-button:hover{background:transparent;border:0;box-shadow:none;transform:none}.modern-universal .input-clear-host>button.input-clear-button[hidden]{display:none}.modern-universal input.input-clearable[type=search]::-webkit-search-cancel-button{appearance:none}@media print{.modern-universal .input-clear-button{display:none}.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:1px solid #000!important;padding:5px!important;font-size:12px!important}.modern-universal table.vanilla thead{background:#fff!important;color:#000!important}}