@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap";:root{--blue: #0B3373;--blue-light: #486696;--blue-dark: #031737;--green: #B8C400;--text: #141414;--text-strong: #212529;--white: #FFFFFF;--bg: #F4F4F4;--bg-card: #FFFFFF;--border: #D6D6D6;--gray-300: #E9ECEF;--gray-500: #ADB5BD;--success: #198754;--danger: #DC3545;--font: "Inter", "Helvetica Neue LT Std", sans-serif;--fw-light: 300;--fw-regular: 400;--fw-bold: 700;--fw-heavy: 900;--radius-sm: 6px;--radius-card: 15px;--radius-lg: 32px;--radius-pill: 1600px;--shadow-sm: 0 2px 12px 0 rgba(0,0,0,.15);--shadow-md: 0 10px 24px 0 rgba(0,0,0,.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-weight:var(--fw-light);font-size:1rem;line-height:1.75;letter-spacing:.02px;color:var(--text-strong);background:var(--bg);-webkit-font-smoothing:antialiased}.app{min-height:100svh;display:flex;flex-direction:column}.header{background:var(--blue);position:sticky;top:0;z-index:20}.header-inner{max-width:620px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.logo-row{display:flex;align-items:center;gap:12px;color:var(--white)}.logo-icon{font-size:28px;line-height:1}.logo-title{display:block;font-size:18px;font-weight:var(--fw-heavy);letter-spacing:.32px;color:var(--white);line-height:1.2}.main{flex:1;max-width:620px;width:100%;margin:0 auto;padding:28px 16px 48px;display:flex;flex-direction:column;gap:16px}.card{background:var(--bg-card);border-radius:var(--radius-card);padding:28px 24px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.field-label{display:block;font-size:13px;font-weight:var(--fw-bold);color:var(--blue-light);letter-spacing:.32px;margin-bottom:6px}.text-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:15px;font-weight:var(--fw-light);color:var(--text);background:var(--white);transition:border-color .18s,box-shadow .18s;outline:none}.text-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0b33731f}.text-input:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--radius-pill);font-family:var(--font);font-size:15px;font-weight:var(--fw-regular);letter-spacing:.32px;border:none;cursor:pointer;transition:all .18s;white-space:nowrap;line-height:1}.btn-primary{background:var(--blue);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--blue-dark)}.btn-primary:disabled{opacity:.38;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--blue);border:1px solid var(--blue)}.btn-secondary:hover:not(:disabled){background:#0b33730f}.btn-full{width:100%}.tabs{display:flex;background:var(--bg);border-radius:var(--radius-pill);padding:4px;margin-bottom:26px;border:1px solid var(--border)}.tab{flex:1;padding:9px 16px;border:none;background:transparent;border-radius:var(--radius-pill);font-family:var(--font);font-size:14px;font-weight:var(--fw-regular);letter-spacing:.32px;cursor:pointer;color:var(--blue-light);transition:all .18s}.tab.active{background:var(--blue);color:var(--white);box-shadow:var(--shadow-sm)}.record-section{display:flex;flex-direction:column;align-items:center;gap:22px;padding:16px 0 8px}.section-hint{font-size:14px;font-weight:var(--fw-light);color:var(--blue-light);text-align:center;max-width:300px;line-height:1.6}.record-btn{width:100px;height:100px;border-radius:50%;border:none;background:var(--blue);color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:transform .15s,box-shadow .15s,background .18s}.record-btn:hover{background:var(--blue-dark);transform:scale(1.05);box-shadow:0 14px 32px #0b337359}.record-btn:active{transform:scale(.97)}.record-label{font-size:14px;font-weight:var(--fw-regular);color:var(--blue-light);letter-spacing:.32px}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-card);padding:44px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center;transition:all .18s}.upload-zone:hover,.upload-zone.dragging{border-color:var(--blue);background:#0b33730a}.upload-icon{color:var(--gray-500);margin-bottom:6px}.upload-primary{font-size:15px;font-weight:var(--fw-bold);color:var(--text)}.upload-secondary{font-size:13px;color:var(--blue-light);font-weight:var(--fw-light)}.upload-formats{font-size:12px;color:var(--gray-500);margin-top:6px;letter-spacing:.32px}.recording-card{display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px 24px}.pulse-wrap{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#dc354529;animation:pulse-out 1.6s ease-out infinite}.pulse-ring--delayed{animation-delay:.8s}@keyframes pulse-out{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.9);opacity:0}}.pulse-dot{width:58px;height:58px;border-radius:50%;background:var(--danger);position:relative;z-index:1;box-shadow:0 4px 16px #dc354561}.timer{font-size:52px;font-weight:var(--fw-heavy);font-variant-numeric:tabular-nums;letter-spacing:-1px;color:var(--blue)}.recording-hint{font-size:14px;font-weight:var(--fw-light);color:var(--blue-light)}.stop-btn{display:flex;align-items:center;gap:10px;background:var(--danger);color:var(--white);border:none;border-radius:var(--radius-pill);padding:13px 28px;font-family:var(--font);font-size:15px;font-weight:var(--fw-regular);letter-spacing:.32px;cursor:pointer;box-shadow:0 4px 14px #dc354547;transition:background .18s,transform .14s}.stop-btn:hover{background:#b02a37;transform:scale(1.02)}.stop-btn:active{transform:scale(.97)}.processing-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:56px 24px;text-align:center}.spinner{width:52px;height:52px;border:3px solid var(--gray-300);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-card h2{font-size:22px;font-weight:var(--fw-heavy);color:var(--blue);letter-spacing:.32px}.processing-card p{font-size:14px;font-weight:var(--fw-light);color:var(--blue-light)}.processing-note{font-size:13px!important;color:var(--gray-500)!important}.result-card{display:flex;flex-direction:column;gap:22px}.result-header{display:flex;align-items:center;gap:14px}.check-circle{width:46px;height:46px;border-radius:50%;background:var(--success);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 12px #19875447}.result-header h2{font-size:22px;font-weight:var(--fw-heavy);color:var(--blue);letter-spacing:.32px}.todos-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px 22px;font-size:15px;font-weight:var(--fw-light);line-height:1.75;color:var(--text)}.todos-box p{margin-bottom:10px}.todos-box ul{padding-left:22px;margin:8px 0}.todos-box li{margin-bottom:6px}.transcript-always-visible{display:flex;flex-direction:column;gap:8px}.transcript-section-label{font-size:12px;font-weight:var(--fw-bold);color:var(--blue-light);letter-spacing:.32px;text-transform:uppercase}.transcript-text{font-size:13px;font-weight:var(--fw-light);color:var(--blue-light);line-height:1.75;white-space:pre-wrap;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;max-height:200px;overflow-y:auto}.transcript-text--open{max-height:200px}.todos-loading{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);font-size:14px;font-weight:var(--fw-light);color:var(--blue-light)}.spinner--sm{width:18px;height:18px;border-width:2px;flex-shrink:0}.email-section{border-top:1px solid var(--border);padding-top:18px;display:flex;flex-direction:column;gap:10px}.email-section-label{font-size:13px;font-weight:var(--fw-bold);color:var(--blue-light);letter-spacing:.32px}.email-form-row{display:flex;gap:8px}.email-inline-input{flex:1;padding:11px 16px;font-size:15px}.email-sent-confirm{display:flex;align-items:center;gap:8px;color:var(--success);font-size:14px;font-weight:var(--fw-regular);padding:10px 0}.email-send-error{font-size:13px;color:var(--danger)}.error-card{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:48px 24px}.error-emoji{font-size:48px}.error-card h2{font-size:22px;font-weight:var(--fw-heavy);color:var(--blue);letter-spacing:.32px}.error-card p{font-size:14px;font-weight:var(--fw-light);color:var(--blue-light);max-width:320px}.more-actions{border-top:1px solid var(--border);padding-top:18px;display:flex;flex-direction:column;gap:12px}.more-actions-label{font-size:13px;font-weight:var(--fw-bold);color:var(--blue-light);letter-spacing:.32px}.action-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.action-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 14px 12px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg);cursor:pointer;text-align:left;transition:all .18s;position:relative}.action-card:hover:not(.action-card--soon){border-color:var(--blue);background:#0b33730a;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-card--soon{opacity:.55;cursor:default}.action-card-icon{font-size:22px;line-height:1;margin-bottom:2px}.action-card-title{font-size:13px;font-weight:var(--fw-bold);color:var(--text);letter-spacing:.02px}.action-card-desc{font-size:11px;font-weight:var(--fw-light);color:var(--blue-light);line-height:1.4}.action-card-badge{position:absolute;top:10px;right:10px;font-size:10px;font-weight:var(--fw-bold);letter-spacing:.32px;padding:2px 7px;border-radius:var(--radius-pill);background:#0b33731a;color:var(--blue)}.action-card-badge--soon{background:var(--gray-300);color:var(--gray-500)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03173780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:0}@media(min-width:500px){.modal-backdrop{align-items:center;padding:20px}}.modal{background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px 20px 32px;width:100%;max-height:85svh;overflow-y:auto;box-shadow:0 -8px 40px #03173733;display:flex;flex-direction:column;gap:18px}@media(min-width:500px){.modal{border-radius:var(--radius-lg);max-width:520px;max-height:90svh;box-shadow:var(--shadow-lg)}}.modal--wide{max-width:560px}.modal-header{display:flex;align-items:center;gap:12px}.modal-header-icon{font-size:28px;line-height:1;flex-shrink:0}.modal-header h3{font-size:17px;font-weight:var(--fw-heavy);color:var(--blue)}.modal-header-sub{font-size:12px;color:var(--blue-light);font-weight:var(--fw-light);margin-top:2px}.modal-close{margin-left:auto;background:var(--bg);border:1px solid var(--border);border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:13px;color:var(--blue-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.modal-close:hover{background:var(--border)}.modal-connect-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--border);flex-wrap:wrap}.connect-info{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:var(--fw-light);color:var(--blue-light)}.planner-tasks{display:flex;flex-direction:column;gap:8px}.planner-task{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.planner-task-check{width:16px;height:16px;border:2px solid var(--blue-light);border-radius:3px;flex-shrink:0;margin-top:2px}.planner-task-body{flex:1;display:flex;flex-direction:column;gap:6px}.planner-task-title{font-size:14px;font-weight:var(--fw-regular);color:var(--text);line-height:1.4}.planner-task-meta{display:flex;gap:6px;flex-wrap:wrap}.planner-meta-pill{font-size:11px;font-weight:var(--fw-regular);padding:2px 8px;border-radius:var(--radius-pill);background:#0b337314;color:var(--blue)}.planner-meta-pill--urgent{background:#dc35451a;color:var(--danger)}.planner-task-assignee{width:28px;height:28px;border-radius:50%;background:var(--gray-300);color:var(--gray-500);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:background .15s}.planner-task-assignee:hover{background:var(--border)}.crm-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.crm-field{display:flex;flex-direction:column;gap:4px}.crm-field--full{grid-column:1 / -1}.crm-field-label{font-size:11px;font-weight:var(--fw-bold);color:var(--blue-light);letter-spacing:.32px;text-transform:uppercase}.crm-field-value{font-size:14px;font-weight:var(--fw-regular);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;min-height:38px}.crm-field-value--multiline{font-size:13px;font-weight:var(--fw-light);line-height:1.6;color:var(--blue-light)}.crm-status-pill{display:inline-block;font-size:12px;font-weight:var(--fw-regular);padding:2px 10px;border-radius:var(--radius-pill);background:#b8c4002e;color:#5a6300}.footer{text-align:center;padding:20px;font-size:11px;font-weight:var(--fw-light);color:var(--gray-500);letter-spacing:.32px}.appointments-card{display:flex;flex-direction:column;gap:14px}.appointments-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.appointments-title{font-size:18px;font-weight:var(--fw-heavy);color:var(--blue);letter-spacing:.32px}.appointments-date{font-size:12px;font-weight:var(--fw-light);color:var(--gray-500);letter-spacing:.32px}.appointments-list{display:flex;flex-direction:column;gap:8px}.appointment-item{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg);cursor:pointer;text-align:left;transition:all .18s;width:100%}.appointment-item:hover{border-color:var(--blue-light);background:#0b33730a}.appointment-item.selected{border-color:var(--blue);background:#0b337312}.appt-time{font-size:14px;font-weight:var(--fw-bold);color:var(--blue);letter-spacing:.32px;min-width:40px}.appt-info{flex:1;display:flex;flex-direction:column;gap:3px}.appt-kunde{font-size:14px;font-weight:var(--fw-regular);color:var(--text)}.appt-typ{font-size:11px;font-weight:var(--fw-regular);letter-spacing:.32px;padding:2px 8px;border-radius:var(--radius-pill);display:inline-block;width:fit-content}.typ-blue{background:#0b33731a;color:var(--blue)}.typ-green{background:#1987541a;color:var(--success)}.typ-lime{background:#b8c40026;color:#7a8300}.appt-check{width:24px;height:24px;border-radius:50%;background:var(--blue);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.appt-check svg{width:14px;height:14px}.appointments-hint{font-size:12px;font-weight:var(--fw-light);color:var(--gray-500);text-align:center;letter-spacing:.02px}.selected-badge{display:flex;align-items:center;gap:6px;background:#0b337314;color:var(--blue);border-radius:var(--radius-pill);padding:6px 12px;font-size:12px;font-weight:var(--fw-regular);letter-spacing:.32px;margin-bottom:16px;width:fit-content}.card-dimmed{opacity:.72}.result-appt-sub{font-size:13px;font-weight:var(--fw-light);color:var(--blue-light);margin-top:3px}@media(max-width:420px){.card{padding:20px 16px}.main{padding:18px 10px 40px}.timer{font-size:44px}.record-btn{width:88px;height:88px}}