@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--bg: #FAF9F7;--surface: #FFFFFF;--sunken: #F3F2EF;--border: #E8E6E1;--border-row: #F0EEEA;--border-mid: #DCD9D3;--border-str: #C9C5BD;--text: #232120;--text-2: #514E49;--text-3: #6B6862;--muted: #8C8880;--faint: #A9A59D;--accent: #1B84B9;--accent-dark: #14638C;--accent-bg: #DCEDF6;--accent-tint: #EFF7FB;--err: #8A3A2D;--err-bg: #F7E3DF;--warn: #7A5416;--warn-bg: #F7EBD5;--ok: #3D6144;--ok-bg: #E6EEE6;--violet: #5b21b6;--violet-bg: #ede9fe;--orange: #92400e;--orange-bg: #fef3c7;--font-body: "Aptos", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-display: "Aptos Display", "Aptos", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--r-ctl: 8px;--r-card: 12px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(35,33,32,.05);--shadow-btn: 0 1px 2px rgba(35,33,32,.1);--shadow-md: 0 3px 10px rgba(35,33,32,.08);--shadow-lg: 0 12px 40px rgba(35,33,32,.1);--label: var(--muted);--input-border: var(--border-mid);--surface-2: var(--sunken);--border-2: var(--border-row);--muted-2: var(--text-2);--accent-dark-compat: var(--accent-dark)}[data-theme=dark]{--bg: #1C1B19;--surface: #252422;--sunken: #161514;--border: #3A3835;--border-row: #2E2C2A;--border-mid: #4A4744;--border-str: #5E5B57;--text: #F0EEE9;--text-2: #C4C0B8;--text-3: #9E9A93;--muted: #7A7670;--faint: #5E5B57;--accent: #4AADDA;--accent-dark: #3090BC;--accent-bg: #1A3A4D;--accent-tint: #0F2535;--err: #F28B7D;--err-bg: #3D1A16;--warn: #E6A953;--warn-bg: #3A2A0E;--ok: #6DB87B;--ok-bg: #1A3320;--violet: #a78bfa;--violet-bg: #2e1a4a;--orange: #fbbf24;--orange-bg: #3a2200;--shadow-sm: 0 1px 2px rgba(0,0,0,.25);--shadow-btn: 0 1px 2px rgba(0,0,0,.35);--shadow-md: 0 3px 10px rgba(0,0,0,.3);--shadow-lg: 0 12px 40px rgba(0,0,0,.5)}body{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.2;font-weight:600;font-family:var(--font-display);letter-spacing:-.015em}.app{height:100vh;overflow:hidden;background:var(--bg);color:var(--text);display:grid;grid-template-columns:232px 1fr}.main{padding:28px 40px 64px;min-width:0}@media(max-width:768px){.app{display:flex;flex-direction:column;flex:1;min-height:0}.main{padding:14px 14px 80px}.page,.dashboard,.billing-page,.list-page,.docs-container{padding:.875rem}.page-hd{flex-direction:column;align-items:flex-start;gap:10px}.page-header{flex-wrap:wrap;gap:.625rem}.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid2,.grid3{grid-template-columns:1fr}.tabbar{gap:12px;overflow-x:auto;padding-bottom:2px}.filter-row{gap:6px}input.filter-input,select.filter-input{font-size:16px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.btn,.btn-primary,.btn-sec,.btn-secondary,.btn-blue,.btn-red,.btn-danger,.btn-cancel,.btn-accent{min-height:40px}}.page-hd{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-header h1{font-size:1.375rem;font-weight:600;color:var(--text)}.h-title{font-size:26px;font-weight:600;letter-spacing:-.015em}.muted{color:var(--muted)}.muted-2{color:var(--text-2)}.lbl{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--muted)}a.link,.link{color:var(--accent);text-decoration:none;cursor:pointer}a.link:hover,.link:hover{color:var(--accent-dark)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-icon,.btn-link,.btn-cancel,.btn-danger,.btn-secondary,.btn-red,.btn-blue,.btn-sec,.btn-accent,.btn-primary,.btn{display:inline-flex;align-items:center;gap:7px;border-radius:var(--r-ctl);height:34px;padding:0 14px;font-size:13.5px;font-weight:500;font-family:var(--font-body);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1;transition:background .12s,border-color .12s,box-shadow .12s}.btn-icon svg,.btn-link svg,.btn-cancel svg,.btn-danger svg,.btn-secondary svg,.btn-red svg,.btn-blue svg,.btn-sec svg,.btn-accent svg,.btn-primary svg,.btn svg{width:15px;height:15px;flex-shrink:0}.btn-icon:disabled,.btn-link:disabled,.btn-cancel:disabled,.btn-danger:disabled,.btn-secondary:disabled,.btn-red:disabled,.btn-blue:disabled,.btn-sec:disabled,.btn-accent:disabled,.btn-primary:disabled,.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-accent{background:var(--accent);color:#fff;box-shadow:var(--shadow-btn)}.btn-accent:hover:not(:disabled){background:var(--accent-dark)}.btn-sec{background:var(--surface);color:var(--text-2);border-color:var(--border-mid);box-shadow:var(--shadow-sm)}.btn-sec:hover:not(:disabled){background:var(--bg);border-color:var(--border-str)}.btn-blue{background:var(--accent-bg);color:var(--accent-dark);border-color:#9dcbe3}.btn-blue:hover:not(:disabled){background:#d0e8f4}.btn-red{background:var(--err-bg);color:var(--err);border-color:#e8bab4}.btn-red:hover:not(:disabled){background:#f0ccc7}.btn-secondary{background:var(--surface);color:var(--text-2);border-color:var(--border-mid);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg);border-color:var(--border-str)}.btn-danger{background:var(--err-bg);color:var(--err);border-color:#e8bab4}.btn-danger:hover:not(:disabled){background:#f0ccc7}.btn-cancel{background:transparent;color:var(--muted)}.btn-cancel:hover:not(:disabled){background:var(--sunken);color:var(--text)}.btn-link{background:transparent;color:var(--accent);border-color:transparent;padding-left:0;padding-right:0}.btn-link:hover:not(:disabled){color:var(--accent-dark);text-decoration:underline}.btn-icon{height:auto;padding:.375rem;background:transparent;color:var(--muted);border-color:transparent;border-radius:6px}.btn-icon:hover:not(:disabled){background:var(--sunken);color:var(--text)}.btn-sm{height:28px;padding:0 10px;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:18px;box-shadow:var(--shadow-sm)}.card+.card{margin-top:16px}.section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;box-shadow:var(--shadow-sm)}.dot{width:6px;height:6px;border-radius:999px;flex:none}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:12px;font-weight:500;white-space:nowrap}.pill{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--r-pill);white-space:nowrap}.pill.blue,.chip.blue{background:var(--accent-bg);color:var(--accent-dark)}.pill.amber{background:var(--warn-bg);color:var(--warn)}.pill.green,.chip.green{background:var(--ok-bg);color:var(--ok)}.pill.red,.chip.red{background:var(--err-bg);color:var(--err)}.pill.gray,.chip.gray{background:var(--border-row);color:var(--text-2)}.pill.violet{background:var(--violet-bg, #ede9fe);color:var(--violet, #5b21b6)}.badge,.badge-kuerzel,.badge-herkunft,.badge-role-mitarbeiter,.badge-role-kunde,.badge-role-partner,.badge-role-supervisor,.badge-role-admin,.badge-typ-unbekannt,.badge-typ-partner,.badge-typ-kunde,.badge-typ-mitarbeiter,.badge-no,.badge-yes,.badge-homeoffice,.badge-krankheit,.badge-ferien,.badge-not_configured,.badge-disconnected,.badge-expired,.badge-connected,.badge-draft,.badge-billed,.badge-rejected,.badge-pending,.badge-approved,.badge-run-cancelled,.badge-run-failed,.badge-run-exported,.badge-run-exporting,.badge-run-review,.badge-run-draft,.badge-priority-hoch,.badge-priority-normal,.badge-priority-tief,.badge-status-closed,.badge-status-done,.badge-status-waiting,.badge-status-in_arbeit,.badge-status-geplant,.badge-status-planning,.badge-status-offen{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:600;border-radius:var(--r-pill);white-space:nowrap;line-height:1;background:var(--border);color:var(--text-2)}.badge-neutral,.badge-herkunft,.badge-role-mitarbeiter,.badge-role-kunde,.badge-typ-unbekannt,.badge-no,.badge-not_configured,.badge-disconnected,.badge-draft,.badge-run-cancelled,.badge-run-draft,.badge-priority-tief{background:var(--border-row);color:var(--text-2)}.badge-info,.badge-role-supervisor,.badge-typ-mitarbeiter,.badge-ferien,.badge-run-review,.badge-priority-normal{background:var(--accent-bg);color:var(--accent-dark)}.badge-success,.badge-typ-kunde,.badge-yes,.badge-connected,.badge-billed,.badge-approved,.badge-run-exported,.badge-status-done{background:var(--ok-bg);color:var(--ok)}.badge-warning,.badge-expired,.badge-pending,.badge-run-exporting{background:var(--warn-bg);color:var(--warn)}.badge-error,.badge-role-admin,.badge-krankheit,.badge-rejected,.badge-run-failed,.badge-priority-hoch{background:var(--err-bg);color:var(--err)}.badge-purple,.badge-role-partner,.badge-typ-partner,.badge-homeoffice{background:var(--violet-bg, #ede9fe);color:var(--violet, #5b21b6)}.badge-orange{background:var(--orange-bg, #fef3c7);color:var(--orange, #92400e)}.badge-status-offen{background:var(--border-row);color:var(--text-3)}.badge-status-planning{background:var(--violet-bg);color:var(--violet)}.badge-status-geplant{background:var(--accent-bg);color:var(--accent-dark)}.badge-status-in_arbeit{background:var(--orange-bg);color:var(--orange)}.badge-status-waiting{background:var(--warn-bg);color:var(--warn)}.badge-status-closed{background:var(--border-row);color:var(--text-3)}.badge-kuerzel{background:var(--sunken);color:var(--text-2);font-variant-numeric:tabular-nums}.tbl,.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th,.data-table th{text-align:left;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--muted);padding:0 8px;height:34px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg)}.tbl td,.data-table td{padding:0 8px;height:46px;border-bottom:1px solid var(--border-row);vertical-align:middle}.tbl tbody tr:last-child td,.data-table tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover,.data-table tbody tr:hover{background:var(--bg)}.tbl.clickable tbody tr,.clickable.data-table tbody tr{cursor:pointer}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-card)}.data-table th{background:var(--bg)}.data-table td.col-badge,.data-table td.col-status,.data-table td.col-actions,.data-table th.col-badge,.data-table th.col-status,.data-table th.col-actions{white-space:nowrap;width:1%}.data-table td.col-text{overflow-wrap:break-word;word-break:break-word;max-width:280px}.data-table td:last-child,.data-table th:last-child{padding-right:14px}.data-table tr:last-child td{border-bottom:none}.inp{width:100%;min-height:36px;padding:0 11px;font-family:var(--font-body);font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--r-ctl);box-shadow:0 1px 2px #2321200a}.inp::placeholder{color:var(--faint)}.inp:hover{border-color:var(--border-str)}.inp:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1b84b91f}select.inp{cursor:pointer}.field label{display:block;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.field+.field{margin-top:14px}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:1rem}input.filter-input,select.filter-input{height:32px;padding:0 10px;border:1px solid var(--border-mid);border-radius:var(--r-ctl);font-size:13px;background:var(--surface);color:var(--text)}input.filter-input:focus,select.filter-input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.tabbar{display:flex;gap:22px;border-bottom:1px solid var(--border);margin-bottom:22px}.tab{padding:10px 2px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;border-top:none;border-left:none;border-right:none;margin-bottom:-1px;background:none;font-family:var(--font-body)}.tab:hover{color:var(--accent)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:start}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:14px 16px;box-shadow:var(--shadow-sm)}.kpi-card .big{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.02em;margin:6px 0 2px}.page,.dashboard,.billing-page,.list-page,.docs-container{padding:1.75rem 2rem;width:100%;box-sizing:border-box}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}