body{margin:0;font-family:system-ui,sans-serif;color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center}.bg{position:fixed;inset:0;z-index:-1;overflow:hidden}.bg:before{content:"";position:absolute;inset:0;background:url(../assets/achtergrond_index.png) no-repeat center center;background-size:cover;filter:blur(20px) brightness(.6);transform:scale(1.1)}.bg:after{content:"";position:absolute;inset:0;background:url(../assets/achtergrond_index.png) no-repeat center center;background-size:contain;z-index:1}.user-corner{position:fixed;top:20px;right:20px;z-index:10;display:flex;align-items:center;gap:10px;background:#0009;padding:8px 16px;border-radius:99px;backdrop-filter:blur(4px);transition:opacity .3s;opacity:0}.user-corner.visible{opacity:1}.user-avatar{width:32px;height:32px;border-radius:50%;background:#ccc;object-fit:cover}.user-name{font-size:.9rem;font-weight:500;color:#fff}.btn-auth{background:#2563eb;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600}.btn-auth:hover{background:#1d4ed8}.btn-logout{background:#dc2626}.btn-logout:hover{background:#b91c1c}main{width:100%;max-width:1400px;padding:5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:5rem;position:relative;z-index:2}a.card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;text-decoration:none;color:#fff;background:#0f172aa6;border-radius:10rem;padding:1rem;min-height:180px;backdrop-filter:blur(.1rem);transition:transform .2s ease,background-color .2s ease,filter .3s ease,opacity .3s ease}a.card.disabled{pointer-events:none;opacity:.5;filter:grayscale(1);cursor:not-allowed}a.card:not(.disabled):hover{transform:translateY(-4px);background:#0f172acc}a.card h3{margin:0 0 .5rem;font-size:1.4rem;font-weight:600}a.card p{margin:0;font-size:.95rem;opacity:.85}@media(max-width:1024px){main{grid-template-columns:repeat(2,1fr);padding:3rem 2rem;gap:2rem}}@media(max-width:640px){main{grid-template-columns:1fr;padding:6rem 1rem 2rem;gap:1.5rem}a.card{border-radius:1.5rem;min-height:120px}}.card-alert-badge{display:inline-block;margin-top:.5rem;background:#ef4444d9;color:#fff;font-size:.78rem;font-weight:700;padding:2px 10px;border-radius:12px;backdrop-filter:blur(4px);letter-spacing:.02em}#btnSettingsLink{position:fixed;top:80px;right:20px;width:40px;height:40px;background:#ffffffe6;color:#333;border-radius:50%;box-shadow:0 4px 12px #0003;display:flex;align-items:center;justify-content:center;font-size:22px;text-decoration:none;z-index:999;cursor:pointer;transition:transform .2s,background .2s;backdrop-filter:blur(4px)}#btnSettingsLink:hover{transform:scale(1.1) rotate(45deg);background:#fff}.brand-overlay{position:fixed;top:clamp(12px,2vw,24px);left:clamp(12px,2vw,24px);display:grid;justify-items:start;gap:.35rem;z-index:5;pointer-events:none}.brand-overlay img{width:clamp(90px,12vw,180px);height:auto;display:block}dialog#loginDialog{border:none;border-radius:16px;padding:2rem;background:#fff;box-shadow:0 25px 50px -12px #00000080;text-align:center;max-width:400px;width:90%}dialog#loginDialog::backdrop{background:#000000b3;backdrop-filter:blur(5px)}dialog h2{margin-top:0;color:#1e293b}dialog p{color:#64748b;margin-bottom:1.5rem}.btn-large-login{background:#2563eb;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s}.btn-large-login:hover{background:#1d4ed8}.card-widget{display:flex;align-items:center;gap:.4rem;font-size:.8rem;margin-top:.6rem;flex-wrap:wrap;justify-content:center}.cw-stat{font-weight:700}.cw-stat.active{color:#86efac}.cw-stat.warning{color:#fde68a}.cw-stat.danger{color:#fca5a5}.cw-label{opacity:.8}.cw-sep{opacity:.4}