/* Kennismeting · Studio, shared across every screen. */
:root{--primary:#216b52;--primary-dark:#154e3c;--primary-light:#3d8c70;--primary-50:#edf5ef;--primary-100:#dbece0;--primary-200:#bad8c5;--bg:#f5f4ee;--surface:#fff;--surface-2:#f8f9f5;--surface-3:#eeefe8;--text:#203a32;--text-muted:#61736a;--text-dim:#748379;--border:#dfe5dc;--border-strong:#bbcbbf;--sidebar-bg:#143e35;--sidebar-border:#285147;--sidebar-width:254px;--radius-sm:10px;--radius:18px;--radius-lg:24px;--shadow-xs:0 2px 4px #173d3004;--shadow-md:0 12px 35px #173d300c;--shadow-lg:0 24px 64px #173d3026}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;letter-spacing:.005em;background:var(--bg);color:var(--text)}
h1,h2,h3,.stat-val{letter-spacing:-.04em;line-height:1.18}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:500!important}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea,[tabindex]{-webkit-tap-highlight-color:transparent} :focus-visible{outline:3px solid #bc871d!important;outline-offset:4px}button:disabled{cursor:not-allowed}
.sidebar{padding:14px 10px;background:var(--sidebar-bg)}.sb-logo{padding:19px 14px 29px}.sb-logo-name{color:#fff;font-size:1.04rem}.sb-logo-name span{color:#c3df87!important}.sb-logo-icon,.sb-avatar{background:#c3df87;color:#143e35;box-shadow:none}.sb-logo-icon .material-symbols-outlined{color:#143e35}.sb-create{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 12px 24px;padding:12px;background:#c3df87;color:#143e35;border-radius:10px;font-size:.85rem;font-weight:700;text-decoration:none}.sb-create:hover{background:#d6eca9}.sb-nav{padding:0 4px;gap:6px}.sb-link{color:#becfc8;font-weight:500;padding:10px 12px}.sb-link:hover{background:#224d42;color:white}.sb-link.active{background:#315c4e;color:#e6f2c9}.sb-link.active::before{display:none}.sidebar .sb-icon,.sidebar .sb-link.active .sb-icon{background:transparent;color:inherit;width:25px}.sb-bottom{padding:18px 4px 0;border-color:#31584b}.sb-user{background:#204a3f}.sb-user-name{color:white}.sb-user-tokens{color:#bfd2c5}.sb-user-tokens .material-symbols-outlined{color:#c3df87}.sb-action{background:transparent;color:#c3d4cb;border-color:#3d6155}.sb-action:hover{background:#315c4e;color:white}.sb-avatar{border-radius:11px}.app-main{padding-bottom:30px}
.page-hd{background:transparent;border:0;padding:42px 40px 16px}.page-hd h1{font-size:2.3rem}.page-hd p{margin-top:10px}.container{padding:24px 40px;max-width:1360px}.btn{border-radius:9px;min-height:42px;padding:11px 18px;font-weight:650;box-shadow:none}.btn-primary{background:var(--primary);box-shadow:none}.btn-primary:hover:not(:disabled){box-shadow:none}.btn-secondary{background:#fff}.btn-sm{min-height:36px}.card,.section-card,.stat-card{box-shadow:none}.card-hd,.section-head{padding:20px 22px;background:transparent}.stat-row{gap:16px}.stat-card{position:relative;padding:23px;gap:10px}.stat-val{font-size:2.35rem;font-weight:600}.stat-icon{border-radius:50%;width:37px;height:37px}.stat-lbl{font-size:.8rem}.data-table th{background:#edf2e9;font-size:.69rem;letter-spacing:.09em}.data-table td{padding-top:16px;padding-bottom:16px}.form-input,.form-select,.form-textarea{background:#fcfdfb;border-width:1px}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 3px #dbece0}.modal-overlay{z-index:1100}.modal-card{border-radius:22px}.empty-block .material-symbols-outlined{opacity:.6;color:var(--primary)}
#dashboardView{width:100%;max-width:1440px;margin:0 auto}.welcome-strip{padding:40px 32px 24px;align-items:center}.welcome-strip h1{font-size:2.25rem}.welcome-strip p{margin-top:10px}.eyebrow{font-family:'Segoe UI',system-ui,sans-serif;font-size:.64rem;font-weight:750;letter-spacing:.17em;color:var(--text-muted);margin-bottom:12px}.learning-hero{margin:0 32px 8px;padding:38px 40px;display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:center;background:#e7eddb;border-radius:24px;position:relative;overflow:hidden}.learning-hero h2{font-size:clamp(2rem,3.2vw,3.3rem);color:#173f31}.learning-hero p{max-width:420px;color:#5c705e;font-size:.88rem;line-height:1.8;margin:18px 0 23px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions .btn-secondary{background:transparent;border-color:#aebfa5}.hero-art{min-height:230px;display:grid;place-items:center;position:relative}.hero-orbit{position:absolute;width:240px;height:240px;border:1px solid #a5b996;border-radius:50%;box-shadow:0 0 0 26px #dce6cf,0 0 0 27px #bdcdb1}.hero-card{display:flex;flex-direction:column;gap:20px;background:#fffdf4;transform:rotate(-8deg);border:1px solid #d3dcc6;box-shadow:12px 16px 0 #aebf9a40;border-radius:18px;padding:24px;width:185px;position:relative}.hero-card>.material-symbols-outlined{font-size:32px;color:#216b52}.hero-card b{font-size:.92rem;line-height:1.5}.hero-bars{height:47px;display:flex;gap:8px;align-items:flex-end}.hero-bars i{width:22px;background:#abc87d;border-radius:4px;height:35%}.hero-bars i:nth-child(2){height:50%}.hero-bars i:nth-child(3){height:65%}.hero-bars i:nth-child(4){height:80%}.hero-bars i:nth-child(5){height:100%;background:#216b52}.quick-grid{gap:16px}.quick-card{padding:24px;border-radius:18px;box-shadow:none;align-items:center}.quick-card:hover{border-color:#86a895;box-shadow:none}.quick-body h3{font-family:inherit;font-size:1rem;letter-spacing:-.02em}.quick-icon{width:48px;height:48px;border-radius:50%}.quick-icon.violet,.quick-icon.orange{background:#edf3e4;color:#216b52}.quick-chip{background:#eff3e9;color:#516749;margin-top:12px}.wizard-outer{padding-top:28px}.wizard-wrap{max-width:840px}.wizard-title h2{font-size:2.15rem;color:var(--text)}.wizard-title p{margin:12px 0 26px}.wizard-card{box-shadow:none}.wizard-body{padding:32px}.wizard-steps{padding:22px 26px}.upload-zone{padding:50px 24px;background:#f7f9f3}.upload-icon{background:#e4eddc;border-radius:50%}.ai-instr{background:#f0f5eb}.quiz-answer{border-radius:12px!important}.quiz-dot{cursor:pointer}.auth-page{background:radial-gradient(ellipse at 15% 20%,#dce8ce,transparent 50%),var(--bg)}.auth-wrap{max-width:480px}.auth-card{border:1px solid var(--border);border-radius:24px;padding:38px;background:white;box-shadow:0 22px 65px #173d300a}.auth-card h1{font-size:2.3rem}.auth-logo-icon{background:var(--primary);box-shadow:none}.btn-submit{background:var(--primary);border-radius:10px}.auth-hero{background:#143e35}.auth-footer a{color:var(--primary)}
@media(min-width:1100px){.dash-two{grid-template-columns:1.35fr 1fr}}
@media(max-width:1100px){.learning-hero{padding:30px}.hero-art{transform:scale(.86)}}
@media(max-width:900px){.sidebar{z-index:1001}.sb-overlay{z-index:1000}.topbar{height:65px;background:#f5f4ee}.app-main{padding-bottom:85px}.topbar-logo-icon,.bn-center-btn{background:var(--primary);box-shadow:none}.bottom-nav{z-index:250;padding-top:5px}.page-hd{padding:28px 20px 10px}.container{padding:20px}.welcome-strip{padding:26px 22px 20px}.learning-hero{margin:0 20px 8px}.learning-hero h2{font-size:2.4rem}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.learning-hero{display:block;padding:27px 24px}.hero-art{display:none}.learning-hero h2{font-size:2.15rem}.learning-hero p{font-size:.84rem}.hero-actions{flex-direction:column;align-items:stretch}.welcome-strip h1,.page-hd h1{font-size:1.95rem}.welcome-strip{padding:24px 20px 20px}#dashboardView>div[style*="padding"]{padding-left:20px!important;padding-right:20px!important}.stat-card{padding:17px;gap:7px}.stat-val{font-size:1.85rem}.stat-lbl{font-size:.72rem}.quick-grid,.dash-two{grid-template-columns:1fr}.quick-card{padding:20px}.wizard-title h2{font-size:1.8rem}.wizard-body{padding:22px 18px}.wizard-steps{padding:18px 12px}.wstep-lbl{font-size:.66rem}.wizard-footer{flex-direction:row}.wizard-footer .btn{width:auto}.page-hd-actions{width:100%}.auth-page{padding:0;background:var(--bg)}.auth-wrap{max-width:none}.auth-card{border:0;border-radius:24px 24px 0 0;padding:30px 24px}.auth-card h1{font-size:2rem}.auth-hero{padding:36px 24px}.auth-hero .auth-logo-icon{background:#c3df87}.auth-hero p{color:#c3d4cb}.auth-footer{padding:0 20px 24px}#cookieBanner{font-size:.75rem!important;padding:12px!important}.modal-overlay{padding:12px;align-items:center}.modal-card{max-height:85dvh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}