@font-face{font-family:General Sans;src:url(/fonts/general-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{--bg:#f4eede;--bg-soft:#ede4d1;--bg-card:#ffffff;--fg:#111312;--fg-muted:#5f5c54;--accent:#0475b8;--accent-dark:#0a7fae;--teal:#2e8b84;--teal-dark:#1c6a63;--teal-light:#7fe8d8;--border:#ddd3bd;--danger:#b8452e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:General Sans,system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3{font-weight:600;letter-spacing:-.01em}a{color:var(--accent)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{width:100%;max-width:400px;padding:2.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 30px rgba(17,19,18,.07)}.auth-logo{display:block;margin:0 auto .75rem;height:auto}.auth-card h1{text-align:center;margin:0 0 .25rem;font-size:1.5rem}.auth-subtitle{text-align:center;color:var(--fg-muted);font-size:.9rem;margin:0 0 1.5rem}.auth-card form{gap:.75rem}.auth-card form,.auth-card label{display:flex;flex-direction:column}.auth-card label{gap:.3rem;font-size:.9rem;font-weight:500}.auth-divider{text-align:center;color:var(--fg-muted);font-size:.85rem;margin:1rem 0 .75rem;display:flex;align-items:center;gap:.75rem}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;border-top:1px solid var(--border)}.microsoft-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--bg-card);color:var(--fg);border:1px solid var(--border)}.microsoft-button:hover{background:var(--bg)}button,input,select{font:inherit;padding:.55rem .8rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--fg)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}button{background:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:500;transition:background .15s ease}button:hover{background:var(--accent-dark)}button[disabled]{opacity:.55;cursor:default}.button-secondary{background:var(--teal)}.button-secondary:hover{background:var(--teal-dark)}.page{max-width:960px;margin:2rem auto;padding:0 1.5rem}.page-wide{max-width:1280px}.page-header{justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.brand,.page-header{display:flex;align-items:center}.brand{gap:.75rem}.dashboard-nav{display:flex;gap:1.5rem;margin-top:1.25rem;flex-wrap:wrap}.dashboard-nav a{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:.9rem 1.3rem;text-decoration:none;color:var(--fg);font-weight:500}.dashboard-nav a:hover{border-color:var(--accent);color:var(--accent)}.inline-form{gap:.5rem}.inline-form,.toolbar{display:flex;align-items:center;flex-wrap:wrap;margin:1rem 0}.toolbar{gap:.75rem}.hint{color:var(--fg-muted);font-size:.85rem}.status-message{background:var(--bg-soft);padding:.5rem .75rem;border-radius:8px}.data-table{width:100%;border-collapse:collapse;margin-top:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.data-table td,.data-table th{text-align:left;padding:.6rem .85rem;border-bottom:1px solid var(--bg-soft)}.data-table th{background:var(--bg-soft);font-weight:600;font-size:.85rem}.dropzone{border:2px dashed var(--border);border-radius:10px;padding:1.5rem;text-align:center;margin:1rem 0;background:var(--bg-card)}.dropzone-active{border-color:var(--accent);background:#eaf3fa}.transcript{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1rem 1.5rem}.turn-agent{color:var(--fg-muted)}.turn-user{color:var(--accent)}.interview-active{border:1px solid var(--teal);background:var(--bg-card);border-radius:10px;padding:1rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin:1rem 0}.tabs button{background:none;color:var(--fg);border:none;border-bottom:2px solid transparent;border-radius:0;padding:.5rem 1rem}.tabs button:hover{background:none;color:var(--accent)}.tabs .tab-active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.badge{padding:.15rem .6rem;border-radius:999px;font-size:.8rem}.badge,.badge-draft{background:var(--bg-soft)}.badge-in_survey{background:#f7e8b5}.badge-review{background:#cfe7f5}.badge-finalized,.badge-status-interviewt{background:#cdeee3}.badge-status-eingeladen{background:#f7e8b5}.badge-status-nicht-eingeladen{background:#f5d9d1}.bpmn-container{height:560px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.highlight-step .djs-visual>circle,.highlight-step .djs-visual>polygon,.highlight-step .djs-visual>rect{stroke:var(--danger)!important;stroke-width:4px!important}.proposal{border:1px solid var(--border);border-radius:10px;padding:1rem;margin:1rem 0;background:var(--bg-card)}.proposal-compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.proposal-side{background:var(--bg-soft);border-radius:8px;padding:.75rem}.candidate{display:inline-flex;gap:.4rem;align-items:center;margin-right:.75rem}.link-button{background:none;border:none;color:var(--accent);text-decoration:underline;padding:0;cursor:pointer}.link-button:hover{background:none;color:var(--accent-dark)}.modal-backdrop{position:fixed;inset:0;background:rgba(17,19,18,.45);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--bg-card);border-radius:12px;padding:1.5rem;max-width:640px;width:90%;max-height:85vh;overflow:auto}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin:1.5rem 0}.demo-card{background:var(--bg-card);border-radius:12px;padding:1.25rem;border:1px solid var(--border);border-top:3px solid var(--teal)}.demo-card h2{margin-top:0}