*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}.global-search{flex:1;max-width:420px;margin:0 24px;position:relative}.global-search-input{color:#fff;box-sizing:border-box;background:#ffffff1a;border:1px solid #ffffff40;border-radius:6px;width:100%;padding:10px 14px;font-size:.9rem}.global-search-input::placeholder{color:#ffffffa6}.global-search-input:focus{border-color:var(--be-goud);background:#ffffff2e;outline:none}.global-search-resultaten{z-index:200;background:#fff;border-radius:8px;max-height:400px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 8px 24px #0003}.gs-item{cursor:pointer;border-bottom:1px solid var(--be-lichtgrijs);color:var(--be-tekst);align-items:center;gap:10px;padding:10px 14px;display:flex}.gs-item:last-child{border-bottom:none}.gs-item:hover{background:var(--be-creme)}.gs-type{color:var(--be-grijs);white-space:nowrap;font-size:.78rem}.gs-label{flex:1;font-weight:700}.gs-sub{color:var(--be-grijs);font-size:.82rem}.gs-leeg{text-align:center;color:var(--be-grijs);padding:14px;font-size:.9rem}@media (width<=768px){.global-search{display:none}}:root{--be-donkerblauw:#1c3a6e;--be-donkerder:#0f2448;--be-goud:#c8940a;--be-lichtgoud:#f0c030;--be-creme:#fdf8f0;--be-tekst:#333;--be-rood:#d25846;--be-oranje:#f59e0b;--be-groen:#10b981;--be-grijs:#6b7280;--be-lichtgrijs:#e5e7eb;--be-wit:#fff}.app{background:var(--be-creme);min-height:100vh;color:var(--be-tekst);flex-direction:column;font-family:Arial,Helvetica,sans-serif;line-height:1.5;display:flex}.sessie-balk{color:#78350f;text-align:center;background:#fef3c7;border-bottom:2px solid #f59e0b;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;padding:.7rem 1rem;font-size:.9rem;display:flex}.sessie-knop{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:4px;padding:.35rem .9rem;font-weight:700}.sessie-knop:hover{background:#d97706}.offline-balk{color:#fff;text-align:center;background:#374151;border-bottom:2px solid #1f2937;justify-content:center;align-items:center;gap:.8rem;padding:.7rem 1rem;font-size:.9rem;display:flex}.app header{background:linear-gradient(135deg, var(--be-donkerblauw) 0%, var(--be-donkerder) 100%);color:#fff;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;box-shadow:0 4px 14px #0f24482e}.app header h1{letter-spacing:.3px;margin:0 0 4px;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:400}.app header p{color:var(--be-lichtgoud);letter-spacing:.5px;margin:0;font-size:.9rem}.layout{flex:1;min-height:0;display:flex}.sidebar{background:var(--be-donkerder);flex-direction:column;flex-shrink:0;width:240px;padding:24px 0;display:flex}.sidebar a{color:#ffffffc7;border-left:3px solid #0000;padding:12px 24px;font-size:.95rem;text-decoration:none;transition:all .15s;display:block}.sidebar a:hover{color:#fff;background:#ffffff0f}.sidebar a.active{color:var(--be-lichtgoud);border-left-color:var(--be-goud);background:#c8940a1f;font-weight:700}.app main{flex:1;padding:32px 40px;overflow-y:auto}.app main h2{color:var(--be-donkerblauw);margin:0 0 16px;font-family:Georgia,Times New Roman,serif;font-size:1.6rem;font-weight:400}.app main p{font-size:1rem}.login-scherm{background:linear-gradient(135deg, var(--be-donkerblauw) 0%, var(--be-donkerder) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-kaart{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:480px;padding:48px 40px;box-shadow:0 20px 60px #0000004d}.login-kaart h1{color:var(--be-donkerblauw);margin:0 0 6px;font-family:Georgia,serif;font-size:2rem;font-weight:400}.login-kaart .ondertitel{color:var(--be-goud);margin:0 0 24px;font-size:1rem;font-weight:700}.login-kaart .uitleg{color:var(--be-grijs);margin-bottom:30px;font-size:.95rem;line-height:1.6}.login-knop{background:var(--be-goud);color:var(--be-donkerder);cursor:pointer;border:none;border-radius:6px;padding:14px 32px;font-size:1rem;font-weight:700;transition:background .15s}.login-knop:hover{background:var(--be-lichtgoud)}.privacy-knop{color:#ffffffd9;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff4d;border-radius:6px;margin-right:16px;padding:6px 12px;font-size:.8rem}.privacy-knop:hover{background:#ffffff1a}.privacy-knop-aan{background:var(--be-goud);color:var(--be-donkerder);border-color:var(--be-goud);font-weight:700}.privacy-blur{filter:blur(5px);-webkit-user-select:none;user-select:none;transition:filter .15s}.privacy-blur:hover{filter:blur()}.user-info{align-items:center;gap:12px;display:flex}.avatar{border:2px solid var(--be-goud);border-radius:50%;width:40px;height:40px}.user-details{text-align:right}.user-naam{color:#fff;margin-bottom:2px;font-size:.95rem}.logout-knop{color:var(--be-lichtgoud);border:1px solid var(--be-lichtgoud);cursor:pointer;background:0 0;border-radius:4px;padding:3px 12px;font-size:.8rem}.logout-knop:hover{background:var(--be-lichtgoud);color:var(--be-donkerder)}form label{color:#444;margin-bottom:.6rem;font-size:.9rem;display:block}form label input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin-top:.2rem;padding:.5rem .6rem;font-size:.95rem;display:block}.header-merk{align-items:center;gap:16px;display:flex}.header-logo{flex-shrink:0;width:64px;height:64px}.login-logo{width:100px;height:100px;margin:0 auto 16px;display:block}.hamburger-knop{color:#fff;cursor:pointer;background:0 0;border:none;margin-right:8px;padding:4px 10px;font-size:26px;display:none}.sidebar-overlay{display:none}@media (width<=1400px){.app header{padding:14px 24px}.app header h1{font-size:1.4rem}.header-logo{width:48px;height:48px}.header-merk{gap:12px}.sidebar{width:200px;padding:16px 0}.sidebar a{padding:10px 20px;font-size:.9rem}.app main{padding:24px 28px}.app main h2{font-size:1.4rem}}@media (width<=768px){.hamburger-knop{display:block}.sidebar{z-index:1000;width:260px;height:100vh;transition:left .25s;position:fixed;top:0;left:-280px;overflow-y:auto}.sidebar.sidebar-open{left:0;box-shadow:4px 0 16px #0000004d}.sidebar-overlay{z-index:999;background:#00000073;display:block;position:fixed;inset:0}.layout{display:block}main{box-sizing:border-box;width:100%;margin-left:0;padding:16px}}