:root{--bg:#f8fafb;--surface:#fff;--surface-2:#eef2f6;--border:#dde3ec;--border-2:#c8d3e0;--text-1:#1e293b;--text-2:#475569;--text-3:#94a3b8;--teal:#0f766e;--teal-light:#14b8a6;--teal-pale:#ccebe8;--teal-faint:#f0fdf9;--amber:#d97706;--amber-pale:#fef3c7;--green-pale:#dcfce7;--green:#16a34a;--red-pale:#fee2e2;--red:#dc2626;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg);color:var(--text-2);min-height:100vh;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-1);font-family:Space Grotesk,sans-serif;font-weight:500}input,select,textarea,button{font-family:inherit;font-size:inherit}::selection{background:var(--teal-pale);color:var(--text-1)}.step-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;margin-bottom:0;font-family:Inter,sans-serif;font-size:11px;font-weight:500;display:flex}.step-label:before{display:none}.panel-title{color:var(--text-1);margin-bottom:0;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:500}.btn-primary{background:var(--teal);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;padding:9px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s}.btn-primary:hover{background:var(--teal-light)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;padding:9px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:400;transition:border-color .15s,background .15s}.btn-secondary:hover{border-color:var(--border-2);background:var(--surface-2)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden}.card>.step-label,.card>.panel-title{padding:14px 20px 0}.card>.step-label+.panel-title{padding-top:4px}.card>.panel-title{border-bottom:1px solid var(--border);margin-bottom:0;padding-bottom:14px}.card>.form-grid,.card>.form-actions,.card>div:not(.pdf-canvas-wrapper):not(.assign-bar):not(.page-nav){padding-left:20px;padding-right:20px}.field-wrapper{flex-direction:column;gap:5px;display:flex;position:relative}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;align-items:center;margin-bottom:0;font-family:Inter,sans-serif;font-size:11px;font-weight:500;display:flex}.field-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-1);padding:9px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0f766e1f}.field-input::placeholder{color:var(--text-3)}.field-input.drop-target{border:1.5px dashed var(--teal-light);background:var(--teal-faint)}.field-input.drop-success{animation:.6s ease-out forwards dropFlash}@keyframes dropFlash{0%{border-color:var(--teal);background:var(--teal-pale)}to{border-color:var(--border);background:var(--surface)}}.badge{border-radius:4px;padding:2px 8px;font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:1.4;display:inline-block}.badge-auto{background:var(--teal-pale);color:var(--teal)}.badge-manual{background:var(--surface-2);color:var(--text-3);border:1px solid var(--border)}.badge-open{background:var(--amber-pale);color:var(--amber)}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 40px;display:flex;position:sticky;top:0}.toolbar-title{color:var(--text-1);white-space:nowrap;align-items:center;gap:8px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;display:flex}.toolbar-title:before{content:"";background:var(--teal);border-radius:2px;flex-shrink:0;width:6px;height:6px}.toolbar-progress{flex:1;align-items:center;gap:10px;max-width:300px;margin:0 40px;display:flex}.progress-bar{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-fill{background:var(--teal);border-radius:2px;height:100%;transition:width .4s}.progress-label{color:var(--text-3);white-space:nowrap;font-family:Inter,sans-serif;font-size:12px}.toolbar-ki{align-items:center;gap:8px;margin-right:8px;display:flex}.ki-selector{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:6px;padding:4px 8px;display:flex}.ki-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.ki-dropdown{color:var(--text-1);cursor:pointer;background:0 0;border:none;outline:none;padding:2px 4px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.ki-dropdown:disabled{opacity:.5;cursor:not-allowed}.ki-status{font-size:8px;line-height:1}.ki-status--ok{color:var(--teal)}.ki-status--regex{color:var(--text-3)}.ki-status--api{color:var(--blue,#5b9bd5)}.ki-status--error{color:var(--red);font-size:11px;font-weight:700}.ki-error{color:var(--red);white-space:nowrap;font-family:Inter,sans-serif;font-size:11px}.toolbar-actions{align-items:center;gap:8px;display:flex}.page-wrapper{grid-template-columns:1.2fr 1fr;align-items:start;gap:20px;max-width:1600px;margin:0 auto;padding:20px 24px 40px;display:grid}.right-panel{max-height:calc(100vh - 80px);position:sticky;top:68px;overflow-y:auto}.pdf-canvas-wrapper{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);margin:12px 12px 0;position:relative;overflow:hidden}.pdf-canvas-wrapper canvas{width:100%;height:auto;display:block}.text-layer{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.pdf-hint{color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);margin:0 20px 12px;padding:8px 14px;font-family:Inter,sans-serif;font-size:12px;line-height:1.5}.text-layer .text-item{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;color:#0000;background:#0f766e0a;border-radius:2px;outline:1px solid #0f766e0f;font-size:1px;transition:background .1s,outline .1s;position:absolute;overflow:hidden}.text-layer .text-item:hover{outline:1.5px solid var(--teal-light);cursor:grab;z-index:5;background:#0f766e1a}.text-layer .text-item.selected{outline:2px solid var(--teal);z-index:10;background:#0f766e33;box-shadow:0 2px 8px #0f766e33}.text-layer .text-item.dragging{opacity:.4;cursor:grabbing}.assign-bar{background:var(--surface);border:1px solid var(--teal-pale);border-radius:var(--radius-md);flex-direction:column;gap:10px;margin:12px 20px 0;padding:12px 16px;animation:.2s assignBarIn;display:flex;position:relative}@keyframes assignBarIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.assign-bar-preview{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.assign-bar-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);flex-shrink:0;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.assign-bar-text{color:var(--teal);background:var(--teal-pale);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:2px 10px;font-family:Inter,sans-serif;font-size:13px;overflow:hidden}.assign-bar-fields{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.assign-chip{color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;padding:5px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:400;transition:background .15s,border-color .15s,color .15s}.assign-chip:hover{background:var(--teal-faint);border-color:var(--teal-pale);color:var(--teal)}.assign-bar-clear{color:var(--text-3);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;font-size:14px;line-height:1;transition:color .15s,background .15s;position:absolute;top:8px;right:10px}.assign-bar-clear:hover{color:var(--text-1);background:var(--surface-2)}.page-nav{justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:0 20px 16px;display:flex}.page-nav .page-info{color:var(--text-3);font-family:Inter,sans-serif;font-size:12px}.page-nav .btn-secondary{padding:6px 12px}.file-list{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.file-item{border-bottom:1px solid var(--border);cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px;transition:background .1s;display:flex}.file-item:hover{background:var(--surface-2)}.file-item.active{background:var(--teal-faint)}.file-name{color:var(--text-2);font-family:Inter,sans-serif;font-size:13px}.file-status{border-radius:50%;flex-shrink:0;width:6px;height:6px}.file-status.done{background:var(--teal)}.file-status.partial{background:var(--amber)}.file-status.pending{background:var(--border-2)}.save-indicator{color:var(--green);background:var(--green-pale);border-radius:var(--radius-sm);padding:3px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:opacity .3s}.iban-validation{margin-top:4px;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.iban-validation.valid{color:var(--green)}.iban-validation.invalid{color:var(--red)}.autocomplete-trigger{color:var(--text-3);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;font-size:12px;line-height:1;transition:color .15s,background .15s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.autocomplete-trigger:hover{color:var(--teal);background:var(--teal-faint)}.autocomplete-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:50;max-height:200px;margin-top:4px;padding:4px 0;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0f172a1f}.autocomplete-item{text-align:left;width:100%;color:var(--text-2);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;transition:background .1s;display:block}.autocomplete-item:hover{background:var(--surface-2);color:var(--text-1)}.template-actions{border-top:1px solid var(--border);align-items:center;gap:12px;padding:14px 20px;display:flex}.template-btn{flex-shrink:0}.template-btn.has-template{border-color:var(--teal-pale);color:var(--teal)}.template-hint{color:var(--text-3);font-family:Inter,sans-serif;font-size:12px}.template-saved-feedback{color:var(--green);background:var(--green-pale);border-radius:var(--radius-sm);padding:3px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.form-grid{grid-template-columns:1fr 1fr;gap:12px;padding:20px;display:grid}.form-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.invoice-table{border-collapse:collapse;width:100%}.invoice-table thead{border-bottom:1px solid var(--border)}.invoice-table th{background:var(--surface-2);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.invoice-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.invoice-table tbody tr:hover{background:var(--surface-2)}.invoice-table tbody tr.incomplete{background:var(--amber-pale)}.invoice-table tbody tr.incomplete:hover{background:#fde68a40}.invoice-table tbody tr.selected{background:var(--teal-faint);outline:2px solid var(--teal);outline-offset:-2px}.invoice-table tbody tr.selected td{color:var(--text-1)}.processing-info{color:var(--teal);text-align:center;padding:40px 0;font-family:Inter,sans-serif;font-size:14px}.invoice-table td{color:var(--text-2);padding:10px 12px;font-family:Inter,sans-serif;font-size:13px}.invoice-table td.amount{color:var(--teal);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500}.invoice-table td.text-cell{color:var(--text-2);font-family:Inter,sans-serif;font-size:13px}.check-header{color:var(--text-3);font-size:11px}.check-cell{cursor:pointer;justify-content:center;align-items:center;display:flex}.check-input{opacity:0;width:0;height:0;position:absolute}.check-box{border:1.5px solid var(--border-2);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:flex}.check-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;margin-top:-2px;display:none;transform:rotate(45deg)}.check-input:checked+.check-box{background:var(--teal);border-color:var(--teal)}.check-input:checked+.check-box:after{display:block}.check-cell:hover .check-box{border-color:var(--teal-light)}.invoice-table tbody tr.checked{background:var(--teal-faint)}.export-hint{color:var(--amber);margin-right:auto;font-family:Inter,sans-serif;font-size:12px}.summary-row{border-top:1px solid var(--border);align-items:center;gap:32px;padding:16px 20px;display:flex}.summary-item .summary-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin-bottom:2px;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.summary-item .summary-value{color:var(--text-1);font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600}.summary-item:nth-child(2) .summary-value{color:var(--teal)}.table-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:14px 20px;display:flex}.context-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:1000;min-width:180px;padding:6px 0;position:fixed;box-shadow:0 8px 24px #0f172a1f}.context-menu-item{cursor:pointer;color:var(--text-2);text-align:left;background:0 0;border:none;width:100%;padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;transition:background .1s;display:block}.context-menu-item:hover{background:var(--surface-2);color:var(--text-1)}.context-menu-divider{border:none;border-top:1px solid var(--border);margin:4px 0}.restore-banner{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--teal);border-radius:var(--radius-md);color:var(--text-2);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;font-family:Inter,sans-serif;font-size:13px;display:flex}.restore-banner-actions{flex-shrink:0;gap:8px;display:flex}.upload-area{border:2px dashed var(--border);border-radius:var(--radius-md);min-height:300px;color:var(--text-3);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;margin:20px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,background .2s;display:flex}.upload-area:hover{border-color:var(--teal-light);background:var(--teal-faint)}.upload-area .upload-icon{color:var(--text-3);margin-bottom:12px;font-size:32px}.delete-btn{color:var(--text-3);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:14px;transition:color .15s,background .15s}.delete-btn:hover{color:var(--red);background:var(--red-pale)}.setup-screen{justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:40px;display:flex}.setup-content{text-align:center;max-width:800px}.setup-title{color:var(--text-1);margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:600}.setup-subtitle{color:var(--text-3);margin-bottom:48px;font-family:Inter,sans-serif;font-size:15px}.setup-steps{justify-content:center;align-items:center;gap:16px;display:flex}.setup-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;flex:1;max-width:220px;padding:28px 24px;transition:box-shadow .2s,transform .2s,border-color .2s}.setup-step:hover{border-color:var(--teal-pale);transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.setup-step.setup-step-inactive{opacity:.45;cursor:default}.setup-step.setup-step-inactive:hover{box-shadow:none;border-color:var(--border);transform:none}.setup-step-number{border-radius:var(--radius-md);background:var(--teal-pale);width:32px;height:32px;color:var(--teal);justify-content:center;align-items:center;margin:0 auto 14px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;display:flex}.setup-step-label{color:var(--text-1);margin-bottom:6px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.setup-step-desc{color:var(--text-3);font-family:Inter,sans-serif;font-size:12px;line-height:1.5}.setup-step-arrow{color:var(--border-2);font-family:Inter,sans-serif;font-size:18px}.dialog-overlay{z-index:200;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:640px;max-width:95vw;max-height:85vh;display:flex;box-shadow:0 16px 48px #0f172a2e}.dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dialog-title{color:var(--text-1);font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600}.dialog-close{color:var(--text-3);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:16px;transition:color .15s,background .15s}.dialog-close:hover{color:var(--text-1);background:var(--surface-2)}.dialog-body{flex:1;padding:20px;overflow-y:auto}.dialog-desc{color:var(--text-3);margin-bottom:16px;font-family:Inter,sans-serif;font-size:13px}.dialog-footer{border-top:1px solid var(--border);justify-content:space-between;padding:14px 20px;display:flex}.verwendungen-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.verwendung-row,.verwendung-add{align-items:center;gap:8px;display:flex}.verwendung-name{flex:0 0 180px}.verwendung-keywords{flex:1}.app-footer{text-align:center;color:var(--text-3);letter-spacing:.04em;padding:24px 0 16px;font-family:Inter,sans-serif;font-size:11px}.employee-list{border-collapse:collapse;width:100%}.employee-list thead th{background:var(--surface-2);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.employee-list tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.employee-list tbody tr:hover{background:var(--surface-2)}.employee-list tbody tr.selected{background:var(--teal-faint);outline:2px solid var(--teal);outline-offset:-2px}.employee-list tbody tr.unsicher{background:var(--amber-pale)}.employee-list tbody tr.unsicher:hover{background:#fde68a40}.employee-list tbody tr.fehler{background:var(--red-pale)}.employee-list td{color:var(--text-2);padding:10px 12px;font-family:Inter,sans-serif;font-size:13px}.employee-list td.name{color:var(--text-1);font-weight:500}.page-count-badge{color:var(--teal);vertical-align:middle;background:#00b2a91f;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.employee-page-tabs{flex-wrap:wrap;gap:6px;margin:10px 0 14px;display:flex}.employee-page-tab{color:var(--text-2);background:var(--surface-2,#ffffff0a);border:1px solid var(--border,#ffffff14);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.employee-page-tab:hover{color:var(--text-1);background:#00b2a914}.employee-page-tab.active{color:var(--teal);border-color:var(--teal);background:#00b2a92e}.employee-page-tab .tab-num{min-width:16px;height:16px;color:var(--text-3);background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.employee-page-tab.active .tab-num{color:var(--teal);background:#00b2a92e}.btn-count-badge{min-width:18px;height:18px;color:var(--text-1,#fff);background:#fff3;border-radius:9px;justify-content:center;align-items:center;margin-left:8px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.send-disabled-reason{color:#d97706;white-space:nowrap;background:#d977061f;border:1px solid #d9770659;border-radius:6px;align-items:center;margin-right:12px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.send-result-banner{border:1px solid #0000;border-radius:8px;margin:0 24px 16px;padding:14px 18px;font-size:13px}.send-result-banner.all-ok{color:#047857;background:#10b9811a;border-color:#10b98159}.send-result-banner.has-errors{color:#b91c1c;background:#ef44441a;border-color:#ef444466}.send-result-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.send-result-title{font-size:14px;font-weight:600}.send-result-close{width:28px;height:28px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:1px solid;border-radius:50%;flex:none;font-size:18px;line-height:1;transition:opacity .12s}.send-result-close:hover{opacity:1}.send-result-failures{border-top:1px solid #ef444440;margin-top:12px;padding-top:12px}.send-result-failures-hint{color:#7f1d1d;margin-bottom:8px;font-size:12px}.send-result-list{margin:0;padding:0;list-style:none}.send-result-list li{border-bottom:1px dashed #b91c1c33;padding:6px 0}.send-result-list li:last-child{border-bottom:none}.send-result-jump{color:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.send-result-email{opacity:.75;margin-left:8px;font-family:Space Grotesk,sans-serif;font-size:12px}.send-result-error{color:#7f1d1d;word-break:break-word;margin-top:2px;font-family:Space Grotesk,sans-serif;font-size:12px}.employee-error-row td{background:0 0;padding:0 14px 8px}.employee-error-msg{color:#b91c1c;background:#ef444414;border-left:3px solid #b91c1c;border-radius:0 4px 4px 0;padding:6px 10px;font-size:12px}.employee-list td.email{color:var(--teal);font-family:Space Grotesk,sans-serif;font-size:12px}.employee-list td.email-input{padding:4px 6px}.email-edit-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--teal);background:var(--surface);padding:5px 8px;font-family:Space Grotesk,sans-serif;font-size:12px}.email-edit-input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 2px #0f766e1f}.status-pill{letter-spacing:.04em;border-radius:4px;padding:2px 8px;font-family:Inter,sans-serif;font-size:10px;font-weight:500;display:inline-block}.status-pill.bereit{background:var(--surface-2);color:var(--text-3)}.status-pill.unsicher{background:var(--amber-pale);color:var(--amber)}.status-pill.versendet{background:var(--green-pale);color:var(--green)}.status-pill.fehler{background:var(--red-pale);color:var(--red)}.status-pill.sending{background:var(--teal-pale);color:var(--teal)}.status-pill.db-off{background:var(--surface-2);color:var(--text-3);opacity:.6}@keyframes db-mismatch-pulse{0%,to{background:var(--red-pale)}50%{background:#fecaca}}.employee-list tbody tr.db-mismatch-blink{background:var(--red-pale);animation:1s ease-in-out infinite db-mismatch-pulse}.employee-list tbody tr.db-mismatch-blink:hover{animation-play-state:paused}.employee-list tbody tr.db-mismatch-blink.selected{outline:2px solid var(--red);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.employee-list tbody tr.db-mismatch-blink{background:#fecaca;animation:none}}.send-stats{border-top:1px solid var(--border);background:var(--surface-2);gap:24px;padding:14px 20px;display:flex}.send-stats .stat-item{flex-direction:column;gap:2px;display:flex}.send-stats .stat-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);font-family:Inter,sans-serif;font-size:11px;font-weight:500}.send-stats .stat-value{color:var(--text-1);font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600}.send-stats .stat-value.green{color:var(--green)}.send-stats .stat-value.red{color:var(--red)}.send-stats .stat-value.amber{color:var(--amber)}.settings-form{flex-direction:column;gap:14px;display:flex}.settings-section{flex-direction:column;gap:10px;display:flex}.settings-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.settings-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-test-result{border-radius:var(--radius-sm);margin-top:8px;padding:8px 12px;font-family:Inter,sans-serif;font-size:12px}.settings-test-result.ok{background:var(--green-pale);color:var(--green)}.settings-test-result.fail{background:var(--red-pale);color:var(--red)}.confirm-list{border:1px solid var(--border);border-radius:var(--radius-md);max-height:300px;margin-top:12px;overflow-y:auto}.confirm-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;padding:8px 12px;font-family:Inter,sans-serif;font-size:12px;display:grid}.confirm-row:last-child{border-bottom:none}.confirm-row .name{color:var(--text-1);font-weight:500}.confirm-row .email{color:var(--teal);font-family:Space Grotesk,sans-serif;font-size:11px}.confirm-warning{background:var(--amber-pale);color:var(--amber);border-radius:var(--radius-md);margin-top:12px;padding:10px 12px;font-size:12px}.page-wrapper.lv{grid-template-columns:1fr 1fr}.employee-list td.birthdate{color:var(--text-2);white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:12px}@media (width<=1024px){.page-wrapper{grid-template-columns:1fr;padding:16px}.toolbar{padding:0 16px}.toolbar-progress{display:none}.setup-steps{flex-direction:column}.setup-step-arrow{transform:rotate(90deg)}}