:root{--color-purple: #922f88;--color-darkblue: #252d5f;--color-white: #fff;--color-neutral-lightest: #eee;--color-neutral-light: #aaa;--color-neutral: #666;--color-neutral-dark: #444;--color-neutral-darker: #222;--font-heading: "Odudo Semi", Arial, sans-serif;--font-body: "Raleway Variablefont Wght", Arial, sans-serif;--radius-sm: .5rem;--radius-md: 0;--radius-lg: 0}@font-face{font-family:Odudo Semi;src:url(/fonts/odudo-semi-bold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Odudo;src:url(/fonts/odudo.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Raleway Variablefont Wght;src:url(/fonts/Raleway-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-white);color:var(--color-neutral-darker);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);text-transform:uppercase;line-height:1.2}button{cursor:pointer;font-family:inherit}.loading-screen,.error-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-darkblue);color:var(--color-white);font-family:var(--font-heading);font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em;gap:1.5rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-darkblue)}.login-card{background:var(--color-white);padding:3rem 2.5rem;width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.75rem;align-items:center}.login-brand{display:flex;flex-direction:column;align-items:center;gap:.5rem}.login-logo{width:64px;height:64px;background:var(--color-purple);color:var(--color-white);font-family:var(--font-heading);font-size:1.5rem;display:flex;align-items:center;justify-content:center;letter-spacing:.05em;margin-bottom:.5rem}.login-brand h1{color:var(--color-purple);font-size:2.5rem}.login-subtitle{color:var(--color-neutral);font-size:.95rem}.login-footer{color:var(--color-neutral-light);font-size:.8rem;text-align:center}.btn-primary{width:100%;padding:1rem 1.5rem;background:var(--color-purple);color:var(--color-white);border:none;font-family:var(--font-heading);font-size:1rem;text-transform:uppercase;letter-spacing:.08em;transition:opacity .2s}.btn-primary:hover{opacity:.88}.btn-primary:active{opacity:.75}.btn-logout{background:transparent;border:1px solid rgba(255,255,255,.5);color:var(--color-white);padding:.4rem 1rem;font-size:.875rem;transition:background .15s}.btn-logout:hover{background:#ffffff1f}.btn-back{background:transparent;border:none;color:var(--color-white);font-size:.9rem;opacity:.8;padding:.25rem .5rem .25rem 0;transition:opacity .15s}.btn-back:hover{opacity:1}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--color-darkblue);color:var(--color-white);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:1rem}.header-brand{font-family:var(--font-heading);font-size:1.4rem;letter-spacing:.12em;color:var(--color-white)}.header-user{display:flex;align-items:center;gap:1.25rem}.header-username{font-size:.9rem;opacity:.85}.home-main{padding:2.5rem 2rem;max-width:1100px;width:100%;margin:0 auto}.home-greeting{color:var(--color-purple);font-size:1.6rem;margin-bottom:2rem}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.module-card{padding:2rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .15s ease,box-shadow .15s ease;outline:none}.module-card:not(.module-card--disabled):hover,.module-card:not(.module-card--disabled):focus{transform:translateY(-3px);box-shadow:0 10px 28px #00000026}.module-card--purple{background:var(--color-purple);color:var(--color-white);cursor:pointer}.module-card--blue{background:var(--color-darkblue);color:var(--color-white);cursor:pointer}.module-card--disabled{background:var(--color-neutral-lightest);cursor:not-allowed;opacity:.65}.module-card__icon{font-size:2.25rem}.module-card__title{font-size:1.05rem;color:inherit}.module-card--disabled .module-card__title{color:var(--color-neutral-dark)}.module-card__desc{font-size:.875rem;line-height:1.5;opacity:.85}.module-card--disabled .module-card__desc{color:var(--color-neutral);opacity:1}.module-card__badge{display:inline-block;font-size:.75rem;background:var(--color-neutral-light);color:var(--color-white);padding:.2rem .6rem;margin-top:.25rem}.kb-main{flex:1;display:flex;flex-direction:column;max-width:860px;width:100%;margin:0 auto;padding:0;height:calc(100vh - 60px)}.kb-messages{flex:1;overflow-y:auto;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.kb-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-neutral);text-align:center;padding:3rem}.kb-empty-icon{font-size:3rem}.kb-message{max-width:78%;padding:1rem 1.25rem;line-height:1.6;font-size:.95rem}.kb-message--user{align-self:flex-end;background:var(--color-darkblue);color:var(--color-white)}.kb-message--assistant{align-self:flex-start;background:var(--color-neutral-lightest);color:var(--color-neutral-darker)}.kb-message-text{white-space:pre-wrap}.kb-bronnen{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1);display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.8rem}.kb-bronnen-label{color:var(--color-neutral);margin-right:.25rem}.kb-bron{background:var(--color-white);border:1px solid var(--color-neutral-light);color:var(--color-neutral-dark);padding:.15rem .6rem;font-size:.78rem}.kb-message--loading{padding:.9rem 1.25rem}.kb-dots{display:flex;gap:.35rem;align-items:center}.kb-dots span{width:8px;height:8px;background:var(--color-neutral-light);border-radius:50%;animation:kb-bounce 1.2s infinite ease-in-out}.kb-dots span:nth-child(1){animation-delay:0s}.kb-dots span:nth-child(2){animation-delay:.2s}.kb-dots span:nth-child(3){animation-delay:.4s}@keyframes kb-bounce{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.kb-error{align-self:center;background:#fdecea;color:#b71c1c;padding:.75rem 1.25rem;font-size:.875rem;border-left:3px solid #b71c1c}.kb-input-bar{display:flex;gap:.75rem;padding:1rem 2rem 1.5rem;border-top:1px solid var(--color-neutral-lightest);background:var(--color-white)}.kb-input{flex:1;resize:none;border:1px solid var(--color-neutral-lightest);padding:.75rem 1rem;font-family:var(--font-body);font-size:.95rem;line-height:1.5;color:var(--color-neutral-darker);outline:none;transition:border-color .15s}.kb-input:focus{border-color:var(--color-purple)}.kb-input:disabled{background:var(--color-neutral-lightest)}.kb-send-btn{background:var(--color-purple);color:var(--color-white);border:none;padding:0 1.5rem;font-family:var(--font-heading);font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;transition:opacity .15s;white-space:nowrap}.kb-send-btn:hover:not(:disabled){opacity:.88}.kb-send-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.app-header{padding:.875rem 1rem}.home-main{padding:1.5rem 1rem}.login-card{padding:2rem 1.5rem}.module-grid{grid-template-columns:1fr}.kb-messages{padding:1rem}.kb-input-bar{padding:.75rem 1rem 1rem}.kb-message{max-width:90%}}