*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#fff;color:#000;font-family:Inter,sans-serif;scroll-behavior:smooth;display:inline-flex;flex-direction:column}main{flex:2 1}a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:1rem;font-weight:400;padding:.5rem 0;border-radius:.5rem;transition:background-color .3s ease,color .3s ease}a:hover{background-color:#fff;color:#1e355a}button{background-color:#1a446b;padding:.5rem 1rem;border:none}button:hover{background-color:#207da1}button.custom-button{background-color:var(--button-bg-color,#1f365c);color:var(--button-text-color,#fff)}button.custom-button:hover{background-color:var(--button-hover-bg,#0d4fac)}button.outline{background-color:transparent;color:#1a446b;border:1px solid #1a446b}button.outline:hover{background-color:#e0e7ff}a.custom-button{background-color:var(--button-bg-color,#1f365c);color:var(--button-text-color,#fff);padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:600;text-decoration:none}a.custom-button:hover{background-color:var(--button-hover-bg,#0d4fac)}input,select,textarea{background-color:#fffefe;color:#000;border:1px solid #000;padding:.5rem;border-radius:.5rem;outline:none}input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.5)}input:disabled{background-color:#f5f5f5;color:#6b7280}footer{text-align:center;margin-top:auto}footer,header{background:linear-gradient(90deg,#0f172a,#355b99);color:#fff;padding:1rem 0}header{box-shadow:0 2px 4px rgba(0,0,0,.5)}nav{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.nav-link{background-color:transparent;padding:1.5rem 2rem;border-radius:.5rem}.nav-link:hover{background-color:#285eb6}a i{font-size:1rem}.container{max-width:1200px;max-height:-moz-fit-content;max-height:fit-content;margin:2 auto;padding:2 3rem}.text-center{text-align:center}table{border-spacing:0;border-collapse:separate}td,th{padding:1rem 2rem;border-bottom:1px solid #e2e8f0}th{background-color:#f9fafb;color:#374151;font-weight:600}.grid{grid-gap:2rem;gap:2rem}@media (max-width:640px){.grid{grid-template-columns:1fr}}@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}}.tile{background-color:#fff;border-radius:3rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#000;transition:transform .3s ease,box-shadow .3s ease;min-width:150px;border:2px solid #000}.tile i{font-size:2.5rem;margin-bottom:1rem;color:#000}.tile-count{margin-top:.5rem;font-size:2rem;font-weight:700;color:#000}.neon-logo{font-family:Orbitron,sans-serif;color:#bad2d2;text-shadow:0 0 1px #0ff,0 0 2.5px #0ff,0 0 3.75px #0ff,0 0 5px #0ff,0 0 5.75px #0ff,0 0 7.5px #0ff,0 0 8.75px #0ff;font-size:1.5rem;animation:slowPauseGlow 6s ease-in-out infinite}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr 1fr}.grid>div{display:contents;flex-direction:column;gap:.5rem}.grid .space-y-4{margin-bottom:2rem}input,textarea{padding:.75rem;border-radius:.5rem;border:1px solid #ddd;background-color:#fafafa}input:focus,textarea:focus{border-color:#60a5fa}button{padding:.75rem 1.5rem;border-radius:.5rem;background-color:#1e355a;color:#fff;transition:background-color .3s ease}button:hover{background-color:#1a446b}label{font-weight:700}form{max-width:900px;margin:0 auto;padding:2rem}button[type=submit]{width:25%;font-size:.8rem}button[type=submit]:disabled{background-color:#cbd5e1;cursor:not-allowed}label{font-size:1rem;margin-bottom:.5rem;color:#333}input,textarea{font-size:1rem;background-color:#f8fafc}textarea{resize:vertical;height:150px}.grid .notes{grid-column:span 2}.dashboard-container .tile{background-color:#fff;border-radius:3rem;padding:2rem;display:flex;flex-direction:column;align-items:right;justify-content:right;text-align:center;color:#000;transition:transform .3s ease,box-shadow .3s ease;min-width:250px;border:2px solid #000}.dashboard-container .tile i{font-size:2.5rem;margin-bottom:1rem;color:#000}.dashboard-container .tile-count{margin-top:.5rem;font-size:2rem;font-weight:700;color:#000}.dashboard-container .dashboard-grid .tile:hover{background-color:#3b82f6;color:#fff}.dashboard-container .dashboard-grid .tile:hover .tile-count,.dashboard-container .dashboard-grid .tile:hover i,.dashboard-container .dashboard-grid .tile:hover span{color:#fff}.dashboard-container .dashboard-grid .tile{transition:background-color .3s ease}.dashboard-container .dashboard-grid .tile:not(.recent-events-tile):hover{background-color:#3b82f6;color:#fff}.dashboard-container .dashboard-grid .recent-events-tile:hover{background-color:transparent!important;color:inherit!important}.dashboard-container .dashboard-grid .recent-events-tile:hover .tile-count,.dashboard-container .dashboard-grid .recent-events-tile:hover i,.dashboard-container .dashboard-grid .recent-events-tile:hover span{color:inherit!important}.custom-button{background-color:#4f46e5;transition:background-color .3s}.custom-button:hover{background-color:#4338ca}.small-button{background-color:#4f46e5;color:#fff;padding:.4rem .8rem;border-radius:.4rem;text-decoration:none;font-size:.875rem;transition:background-color .3s}.small-button:hover{background-color:#4338ca}.custom-button{background-color:#2563eb;color:#fff;padding:.6rem 1.2rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:background-color .3s ease;font-size:1rem}.custom-button:hover{background-color:#1d4ed8}.space-y-10{margin-bottom:3rem}.space-y-6{margin-bottom:2.5rem}.grid{gap:2.5rem}.text-base{font-size:.875rem}.text-sm{font-size:.75rem}.space-y-12{margin-bottom:2rem}.space-y-8{margin-bottom:1.5rem}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.custom-button{padding:.5rem 1rem;font-size:.75rem}.p-8{padding:1.5rem}.p-6{padding:1.25rem}.custom-button.text-sm{font-size:.75rem}.delete-button{background-color:#ff4d4d;color:#fff;border:none;padding:10px;font-size:11px;font-weight:700;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.delete-button:hover{background-color:#ff1a1a}.delete-button:focus{outline:none;box-shadow:0 0 0 2px rgba(255,0,0,.5)}.delete-button i{margin-right:8px}.invoice-header-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.custom-buttoninvoice{background-color:#1d304d;color:#fff;border:none;padding:7px 9px;font-size:8px;font-weight:700;border-radius:10px;cursor:pointer;transition:background-color .3s ease}table{width:100%;border-collapse:collapse}td,th{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{font-weight:700}td,th{background-color:#fff}td.space-x-2{display:flex;justify-content:flex-start;gap:10px}button{padding:8px 12px;font-size:14px;cursor:pointer;display:inline-block}button.text-blue-500,button.text-blue-500:hover,button.text-red-500,button.text-red-500:hover{color:#fff}button.size-icon{padding:8px;width:30px;height:30px;font-size:16px;display:flex;justify-content:center;align-items:center}button.space-x-2{margin-right:8px}td:nth-child(6),th:nth-child(6){width:200px}.headlessui-switch{display:inline-flex!important;position:relative!important;width:4rem;height:2rem}.headlessui-switch .switch-track{width:100%;height:100%;border-radius:9999px;background-color:#dc2626;transition:background-color .2s ease-in-out}.headlessui-switch .switch-thumb{width:2rem;height:2rem;border-radius:50%;background:#fff;position:absolute;top:0;left:0;transform:translateX(0);transition:transform .2s ease-in-out;pointer-events:none}.headlessui-switch[data-headlessui-state=checked] .switch-thumb{transform:translateX(100%)}.headlessui-switch:active .switch-thumb,.headlessui-switch:focus .switch-thumb,.headlessui-switch:hover .switch-thumb,.headlessui-switch[data-headlessui-state=checked]:active .switch-thumb,.headlessui-switch[data-headlessui-state=checked]:focus .switch-thumb,.headlessui-switch[data-headlessui-state=checked]:hover .switch-thumb{transform:inherit!important}.switch-thumb{pointer-events:none}.dashboard-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem;margin-left:30%}@media (min-width:768px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:10px;text-align:center}.table th{background-color:#f4f4f4;font-weight:700}.table tr:nth-child(2n){background-color:#f9f9f9}.table tr:hover{background-color:#f1f1f1}.table input[type=checkbox]{margin:20 auto}.table .button{padding:5px 10px;font-size:14px;background-color:#0070f3;color:#fff;border-radius:4px;text-align:center;cursor:pointer}.table .button:hover{background-color:#005bb5}.text-gray-400{color:#d1d5db}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.checklist-table .table-cell{text-align:center}.recent-events-tile{grid-column:span 2;grid-row:3/span 1;text-align:start}@media (min-width:768px){.recent-events-tile{grid-column:span 3}}@media (min-width:200px){.recent-events-tile{grid-column:span 3}}.recent-events-list .recent-event-item{display:flex;flex-direction:right;gap:3rem}.recent-events-tile{padding:2rem}.recent-events-tile ul li{display:flex;flex-direction:center;margin-bottom:1rem;margin-top:1.5rem}.recent-events-tile ul li:last-child{margin-bottom:1.5rem}.recent-events-tile ul li time{display:flex;flex-direction:right;margin-top:0;margin-bottom:0;height:0}.recent-events-tile .font-medium a[href^="/checklist"]:before{content:"✔";color:#10b981;margin-right:.5rem;display:inline-block}.recent-events-tile .font-medium a{color:#000;text-decoration:none}.recent-events-tile .font-medium a:hover{color:#3b82f6;text-decoration:underline}.recent-events-tile i.fa-plus-circle{color:#16a34a!important}.recent-events-tile i.fa-pencil-alt{color:#3b82f6!important}.recent-events-tile i.fa-paper-plane{color:#380ca0!important}.recent-events-tile i.fa-dollar-sign{color:#22c55e!important}.recent-events-tile i.fa-sync-alt{color:#eab308!important}.recent-events-tile i.fa-circle{color:#6b7280!important}.login-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.login-form{background-color:#474444;padding:1rem;border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,.5);color:#fff;min-width:400px;max-width:400px;text-align:center}.login-form input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #555;background-color:#fff;color:#000;border-radius:.5rem}.login-form button{width:100%;padding:.75rem;color:#fff;border:none;border-radius:.5rem;font-weight:700;cursor:pointer}.login-form button,.login-form button:hover{background-color:#1c7480}.error-text{color:red;margin-bottom:1rem}.neon1-logo{font-family:Orbitron,sans-serif;color:#cadfe1;font-size:5rem;text-align:center;text-shadow:0 0 1px #0ff,0 0 2.5px #0ff,0 0 3.75px #0ff,0 0 5px #0ff,0 0 5.75px #0ff,0 0 7.5px #0ff,0 0 8.75px #0ff;animation:slowPauseGlow 6s ease-in-out infinite}@keyframes slowPauseGlow{0%,30%{text-shadow:0 0 1px #0ff,0 0 2px #0ff,0 0 3px #0ff}50%{text-shadow:0 0 6px #0ff,0 0 12px #0ff,0 0 18px #0ff,0 0 24px #0ff,0 0 30px #0ff}90%{text-shadow:0 0 3px #0ff,0 0 5px #0ff,0 0 7px #0ff}to{text-shadow:0 0 3px #0ff,0 0 3px #0ff}}.typed-text{color:#fff;font-size:1.25rem;text-align:center;margin:1rem 0;min-height:3rem;font-family:Orbitron,sans-serif}.typing-text-container{text-align:center;margin-top:20px;margin-bottom:20px}.typing-text{font-family:Orbitron,sans-serif}.cursor,.typing-text{font-size:1.5rem;color:#fff}.cursor{animation:blink .7s step-end infinite;display:inline-block}@keyframes blink{50%{opacity:0}}.custom-link{background-color:#fefefe00;color:#000;padding:.1rem 1.2rem;border-radius:.5rem;text-decoration:none;font-size:1rem;font-weight:600}.custom-link:hover{color:#3c2fcd}.resetknop{color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.resetknop,.resetknop:hover{background-color:#cb0d0d}.grijsknop{color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.grijsknop,.grijsknop:hover{background-color:#8e8e8e}.chat-toggle-btn{position:fixed;bottom:500px;left:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:#2563eb;color:#fff;border-radius:9999px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:background-color .2s ease;z-index:50}.chat-toggle-btn:hover{background-color:#1d4ed8}.chat-toggle-btn svg{width:16px;height:16px}.chat-window.small-window{width:20rem;height:24rem}.chat-window.big-window,.chat-window.small-window{position:fixed;bottom:4.5rem;left:2rem;background-color:#fff;border-radius:1rem;box-shadow:0 20px 60px -12px rgba(0,0,0,.65);display:flex;flex-direction:column;overflow:hidden;z-index:40}.chat-window.big-window{width:50vw;height:80vh}.chat-content{flex:1 1 auto;overflow-y:auto;padding:1rem}.chatbot-message-container{padding-top:8rem;padding-right:1rem}.chat-message{max-width:80%;padding:1rem;border-radius:1rem;border:1px solid #d1d5db;box-shadow:0 1px 2px rgba(0,0,0,.05);margin-bottom:.75rem;word-break:break-word}.chat-message.user{background-color:#dbeafe;border-color:#93c5fd;align-self:flex-end;color:#000}.chat-message.bot{background-color:#fff;border-color:#d1d5db;align-self:flex-start;color:#000}.chat-header{position:relative}.chat-header .expand-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;background-color:#0070f3}.message-date{font-size:.75rem;color:#0070f3;margin-top:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}a.gevonden-link{color:#2563eb;text-decoration:underline;font-weight:500;transition:color .2s ease}a.gevonden-link:hover{color:#1e40af;text-decoration:none}.chat-message-text{font-size:2rem;line-height:2.2;padding:1.5rem}.chat-timestamp{font-size:1.2rem;margin-top:1rem;color:#333}#chat-messages>div{margin-bottom:2rem}body,html{height:100%;margin:0}