:root{--primary: #140047;--primary-dark: #2a1a6e;--accent: #33ca83;--accent-dark: #28a86c;--bg: #f0f2f5;--card: #ffffff;--text: #222;--muted: #6b7280;--border: #e3e7eb;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .07), 0 4px 14px rgba(0, 0, 0, .04);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--fs-micro: .75rem;--fs-sm: .83rem;--fs-base: .92rem;--fs-lg: 1.05rem;--fs-hero: 1.65rem;--surface: #fafbfc;--surface-hover: #f5f7f9}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;margin:0;background:var(--bg);color:var(--text)}.shell{min-height:100vh;display:flex;flex-direction:column}.app{max-width:1100px;width:100%;margin:0 auto;padding:var(--sp-5) var(--sp-6)}@media (max-width: 700px){.app{padding:var(--sp-4)}}.navbar{display:flex;align-items:center;gap:1.25rem;background:linear-gradient(90deg,#140047,#241063);color:#fff;padding:0 1.5rem;height:54px;box-shadow:var(--shadow);position:sticky;top:0;z-index:20}.brand{font-weight:700;font-size:1.15rem;letter-spacing:.06em}.tabs{display:flex;gap:.25rem;height:100%}.tab{border:none;background:none;color:#ffffffd9;padding:0 1rem;height:100%;cursor:pointer;font-size:.95rem;border-bottom:3px solid transparent}.tab:hover{color:#fff;background:#ffffff14}.tab.active{color:#fff;font-weight:600;border-bottom-color:var(--accent)}.navbar-btn{margin-left:auto;background:#ffffff26;border:none;color:#fff;padding:.45rem .9rem;border-radius:6px;cursor:pointer}.navbar-btn:hover{background:#ffffff40}.search-wrap{position:relative;flex:1;max-width:380px;margin-left:auto}.search-input{width:100%;padding:.45rem .8rem;border-radius:18px;border:none;background:#fff3;color:#fff;outline:none}.search-input::placeholder{color:#ffffffb3}.search-input:focus{background:#fff;color:var(--text)}.search-results{position:absolute;top:110%;left:0;right:0;background:var(--card);border-radius:var(--radius);box-shadow:0 8px 30px #0000002e;overflow:hidden;display:flex;flex-direction:column}.search-results button{text-align:left;border:none;background:none;padding:.6rem .9rem;cursor:pointer;color:var(--text);font-size:.9rem;border-bottom:1px solid var(--border)}.search-results button:hover{background:#ecfaf3}.search-empty{padding:.6rem .9rem;color:var(--muted);font-size:.9rem}button{cursor:pointer;border:1px solid var(--border);background:var(--card);border-radius:6px;padding:.45rem .9rem;font-size:.9rem;color:var(--text);transition:background .12s ease}button:hover{background:#f3f4f6}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}button.primary:hover{background:var(--primary-dark)}.link{border:none;background:none;padding:0;color:#1d4ed8;cursor:pointer;font-size:inherit}.link:hover{text-decoration:underline;background:none}.danger{border-color:#fca5a5;color:#b91c1c}.danger:hover{background:#fee2e2}.toolbar{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap}.toolbar-spacer{flex:1}select,input,textarea{border:1px solid var(--border);border-radius:6px;padding:.45rem .6rem;font-size:.9rem;font-family:inherit;background:#fff;color:var(--text)}select:focus,input:focus,textarea:focus{outline:2px solid rgba(51,202,131,.45);border-color:var(--primary)}.customer-table,.mini-table{width:100%;border-collapse:collapse}.customer-table{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.mini-table{font-size:var(--fs-base)}.customer-table th,.mini-table th{text-align:left;color:var(--muted);font-size:var(--fs-micro);font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap}.customer-table th{padding:var(--sp-3) var(--sp-4);background:var(--surface)}.mini-table th{padding:var(--sp-2)}.customer-table td,.mini-table td{border-bottom:1px solid var(--border)}.customer-table td{padding:var(--sp-3) var(--sp-4)}.mini-table td{padding:var(--sp-2)}.customer-table tbody tr:last-child td,.mini-table tbody tr:last-child td{border-bottom:none}.customer-table tbody tr:hover{background:var(--surface-hover)}.customer-table .num,.mini-table .num,.customer-table th.num,.mini-table th.num{text-align:right;font-variant-numeric:tabular-nums}.mini-table td:nth-child(n+2),.mini-table th:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}.mini-table td:first-child,.mini-table th:first-child{text-align:left}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-4) var(--sp-5)}.card h3{margin:0 0 var(--sp-3);font-size:var(--fs-lg);font-weight:600}.stat-grid,.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-5)}.stat-card,.kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-3) var(--sp-4)}.stat-value,.kpi-value{font-size:var(--fs-hero);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.stat-label,.kpi-label{display:block;color:var(--muted);font-size:var(--fs-micro);margin-top:var(--sp-1)}.stat-card.accent,.kpi.accent{background:var(--accent);border-color:var(--accent);color:#140047}.stat-card.accent .stat-label,.kpi.accent .kpi-label{color:#140047bf}.kpi.warn .kpi-value{color:#b45309}.kpi.danger .kpi-value{color:#b91c1c}.dash-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}@media (max-width: 760px){.dash-columns{grid-template-columns:1fr}}.dash-list{list-style:none;padding:0;margin:0}.dash-list li{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.dash-list li:last-child{border-bottom:none}.empty{color:var(--muted);font-size:var(--fs-base);padding:var(--sp-4) 0}.badge,.tag{display:inline-block;padding:.15rem .5rem;border-radius:10px;font-size:var(--fs-micro);line-height:1.5;white-space:nowrap}.status-open{background:#dbeafe;color:#1d4ed8}.status-in_progress{background:#fef3c7;color:#92400e}.status-waiting{background:#ede9fe;color:#6d28d9}.status-closed{background:#e5e7eb;color:#374151}.prio-low{background:#f3f4f6;color:#6b7280}.prio-normal{background:#dbeafe;color:#1e40af}.prio-high{background:#ffedd5;color:#c2410c}.prio-urgent{background:#fee2e2;color:#b91c1c}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:var(--card);padding:1.5rem 1.75rem;border-radius:12px;width:480px;max-width:100%;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.modal-wide{width:660px}.modal h2{margin-top:0}.modal label{display:block;margin-bottom:var(--sp-3);font-size:var(--fs-sm);color:#374151}.modal input,.modal textarea,.modal select{width:100%;margin-top:.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border)}.field-row{display:flex;gap:.75rem}.field-row label{flex:1}.field-row .field-narrow{flex:0 0 8rem}.form-group{border:1px solid var(--border, #e2e8f0);border-radius:8px;padding:.85rem .9rem .35rem;margin:0 0 .9rem}.form-group legend{padding:0 .4rem;font-size:.82rem;font-weight:600;color:#374151}.form-group .form-row{display:flex;gap:.75rem}.form-group .form-row label{flex:1}.form-group .form-row .field-narrow{flex:0 0 7rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#140047,#1d0a5e 55%,#0e6b46)}.login-box{background:var(--card);padding:2.25rem 2.5rem;border-radius:14px;width:360px;box-shadow:0 20px 60px #0000004d;text-align:center}.login-logo-img{width:220px;max-width:100%}.login-sub{color:var(--muted);margin-top:.25rem;margin-bottom:1.5rem;font-size:.9rem}.oauth-btn{width:100%;background:var(--accent);color:#140047;border:none;font-weight:600;padding:.7rem;font-size:1rem}.oauth-btn:hover{background:var(--accent-dark);color:#fff}.login-hint{color:var(--muted);font-size:.83rem;margin-top:.9rem}.ticket-filters{margin-bottom:1rem}.comment-list{list-style:none;padding:0}.comment-list li{border-top:1px solid var(--border);padding:.55rem 0}.comment-meta{font-size:.8rem;color:var(--muted);margin-bottom:.2rem}.comment-form{display:flex;gap:.5rem;align-items:flex-start}.comment-form textarea{flex:1}.attachment-bar{margin-bottom:.5rem}.file-list{list-style:none;padding:0}.file-list li{padding:.3rem 0}.preview-hint{color:var(--muted);font-size:.8rem}.drop-zone{border:2px dashed #b6c2cd;border-radius:8px;padding:1.4rem;text-align:center;cursor:pointer;margin-bottom:1rem;color:var(--muted);transition:all .15s ease}.drop-zone:hover,.drop-zone.drag-over{background:#ecfaf3;border-color:var(--accent);color:var(--accent-dark)}.items-editor{margin-bottom:.75rem}.item-head,.item-row{display:grid;grid-template-columns:2.2rem minmax(0,1fr) 5.5rem 7rem 4.6rem 2rem;gap:.5rem;align-items:center}.item-head{font-size:var(--fs-micro);color:var(--muted);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.02em}.item-row{margin-bottom:.5rem}.item-pos{color:var(--muted);font-size:.85rem;text-align:center}.item-row input,.modal .item-row input{width:100%;margin-top:0}.item-row .item-num,.modal .item-row .item-num{text-align:right;font-variant-numeric:tabular-nums}.item-del{padding:.3rem 0;line-height:1;font-size:1.1rem}.item-row select,.modal .item-row select{width:100%;margin-top:0;padding:.35rem .2rem}.totals-preview{margin-top:1rem;padding:.75rem 1rem;background:#ecfaf3;border-radius:8px;text-align:right;font-size:.92rem;line-height:1.6}.error{color:#b91c1c;background:#fee2e2;border-radius:8px;padding:.6rem .9rem;font-size:.9rem}.muted{color:var(--muted)}.header-actions{display:flex;gap:.5rem}.result-kind{display:inline-block;min-width:46px;font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-right:.35rem}.folder-entry{color:var(--muted)}.ticket-nr{font-family:ui-monospace,monospace;font-size:.85rem;color:var(--muted);white-space:nowrap}.pipeline-row{display:flex;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.pipeline-chip{padding:.4rem .8rem;border-radius:8px;font-size:.85rem;background:#f1f3f5}.pipe-offen{background:#dbeafe;color:#1e40af}.pipe-angenommen{background:#d1fae5;color:#065f46}.pipe-abgelehnt{background:#fee2e2;color:#991b1b}.status-select{padding:.2rem .4rem;border-radius:6px;font-size:.82rem;border:none}.pay-badge{padding:.25rem .6rem;border-radius:8px;font-size:.82rem;border:none;cursor:pointer;font-weight:600}.pay-offen{background:#dbeafe;color:#1e40af}.pay-bezahlt{background:#d1fae5;color:#065f46}.pay-ueberfaellig{background:#fee2e2;color:#991b1b}.pay-storniert{background:#e5e7eb;color:#4b5563;cursor:default;display:inline-block}.stat-card.danger{background:#fee2e2}.stat-card.danger .stat-value,.stat-card.danger .stat-label{color:#991b1b}.overdue-hint{font-weight:600}.badge-intern{background:#ede9fe;color:#5b21b6;margin-left:.5rem;font-size:.72rem}.akte-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.akte-head h2{margin-bottom:.15rem}.akte-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem;margin:1rem 0}.akte-stats>div{background:#f7f8fa;border-radius:10px;padding:.6rem .8rem}.akte-stats>div.warn{background:#eff6ff}.akte-stats>div.danger{background:#fee2e2}.akte-stats>div.danger .akte-stat-value{color:#991b1b}.akte-stat-value{display:block;font-size:1.15rem;font-weight:700;line-height:1.2}.akte-stat-label{display:block;color:var(--muted);font-size:.78rem;margin-top:.15rem}.akte-tabs{display:flex;gap:.3rem;border-bottom:1px solid #e5e7eb;margin-bottom:1rem;flex-wrap:wrap}.akte-tab{background:none;border:none;padding:.5rem .85rem;cursor:pointer;color:var(--muted);font-size:.9rem;border-bottom:2px solid transparent}.akte-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.akte-body{max-height:55vh;overflow-y:auto}.check-row{display:flex;align-items:flex-start;gap:.6rem;margin-top:.5rem}.check-row input{width:auto;margin-top:.2rem}.toolbar-check{display:flex;align-items:center;gap:.4rem;font-size:.88rem;color:var(--muted)}.toolbar-check input{width:auto}.muted-inline{color:var(--muted);font-size:.78rem}.stat-card.accent .muted-inline{color:#140047a6}.delta{font-weight:700;font-size:.8rem}.delta.up{color:#047857}.delta.down{color:#b91c1c}.stat-card.accent .delta.up{color:#065f46}.payment-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#eef1f4;margin:.6rem 0 .5rem}.payment-bar>div{height:100%}.seg-paid{background:#1f9a63}.seg-open{background:#93b4d8}.seg-overdue{background:#dc2626}.payment-legend{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.83rem;color:var(--muted)}.payment-legend .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.35rem}.chart-legend{font-size:.8rem;margin-top:.3rem}.share-cell{display:flex;align-items:center;gap:.45rem}.share-track{flex:1;min-width:40px;height:6px;background:#eef1f4;border-radius:3px;overflow:hidden}.share-fill{height:100%;background:#1f9a63}.row-actions{display:flex;gap:.4rem;white-space:nowrap}.badge-dispo{background:#f3e8ff;color:#7e22ce}.card-head{display:flex;align-items:center;justify-content:space-between}.card-head h3{margin:0}.appointment-form{margin:.75rem 0;padding:.85rem;background:#f8fafc;border-radius:8px}.appointment-form label{display:block;margin-bottom:.6rem;font-size:.88rem}.appointment-form input,.appointment-form select{width:100%;margin-top:.25rem}.history-list{list-style:none;padding:0;font-size:.85rem}.history-list li{display:flex;gap:.6rem;padding:.35rem 0;border-top:1px solid var(--border);align-items:baseline}.history-time{color:var(--muted);white-space:nowrap;font-size:.78rem;min-width:125px}.history-actor{font-weight:600;white-space:nowrap}.workload-row{display:grid;grid-template-columns:170px 1fr 70px auto;gap:.75rem;align-items:center;padding:.45rem 0;border-bottom:1px solid var(--border)}.workload-row:last-child{border-bottom:none}.workload-row.dispo .workload-name{color:#7e22ce;font-weight:600}.workload-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workload-bar-track{background:#f1f3f5;border-radius:4px;height:14px;overflow:hidden}.workload-bar{display:flex;height:100%;border-radius:4px;overflow:hidden;gap:2px}.seg{display:block;height:100%}.seg-ticket-open{background:#1d4ed8}.seg-ticket-progress{background:#d97706}.seg-ticket-waiting{background:#7c3aed}.workload-count{font-weight:600;white-space:nowrap;font-size:.85rem}.workload-detail{font-size:.78rem;white-space:nowrap}@media (max-width: 860px){.workload-row{grid-template-columns:120px 1fr 60px}.workload-detail{display:none}}.chart-wrap{width:100%}.chart-wrap svg{width:100%;height:auto;display:block}.chart-empty{text-align:center;margin-top:-1.5rem}.appt-setup-btn{color:var(--muted);font-size:.85rem}.appt-note{background:#ecfaf3;color:#065f46;border-radius:8px;padding:.6rem .9rem;font-size:.9rem}.appt-day{margin-bottom:1.25rem}.appt-day-head{margin:0 0 .45rem;font-size:.82rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.appt-list{list-style:none;margin:0;padding:0;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.appt-row{display:flex;align-items:flex-start;gap:.9rem;padding:.7rem 1rem;border-bottom:1px solid var(--border)}.appt-row:last-child{border-bottom:none}.appt-row:hover{background:#f8fafc}.appt-time{flex:0 0 8.5rem;font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:600;color:var(--primary);white-space:nowrap;padding-top:.1rem}.appt-main{flex:1;min-width:0}.appt-title{display:block}.appt-meta{color:var(--muted);font-size:.83rem;margin-top:.12rem}.appt-desc{margin:.35rem 0 0;font-size:.88rem;white-space:pre-wrap}.appt-author{color:var(--muted);font-size:.76rem;margin-top:.25rem}.appt-del{flex:0 0 auto;font-size:.82rem;padding:.3rem .7rem}.appt-empty{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem 1.5rem;text-align:center}.appt-empty-title{margin:0 0 .3rem;font-weight:600}.appt-empty button{margin-top:1rem}@media (max-width: 620px){.appt-row{flex-wrap:wrap}.appt-time{flex-basis:100%}}.doc-history li{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.doc-history .history-time{flex:0 0 8.5rem}.customer-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.customer-table th.sortable:hover{background:#f2f4f6;color:var(--text)}.customer-table th.sorted{color:var(--primary)}.sort-arrow{display:inline-block;width:1em;text-align:right;font-size:.7rem}.appointment-form textarea{width:100%;margin-top:.25rem;resize:vertical}.panel{border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;margin-bottom:.9rem;background:var(--card)}.panel-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.panel-head h4{margin:0;font-size:.95rem}.panel-head .spacer{flex:1}.data-row{display:flex;align-items:baseline;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.data-row:last-child{border-bottom:none}.data-row .grow{flex:1;min-width:8rem}.data-row.inactive{opacity:.55}.tag{background:#eef1f4;color:#4b5563}.tag-billable{background:#dcfce7;color:#166534}.tag-unbillable{background:#f3f4f6;color:#6b7280}.tag-invoiced{background:#dbeafe;color:#1d4ed8}.tag-contract{background:#ede9fe;color:#6d28d9}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.hint{display:block;font-size:.76rem;color:var(--muted);margin-top:.15rem}.rounded-up{color:#b45309;font-size:.78rem}.pick-row{display:flex;align-items:flex-start;gap:.55rem;padding:.4rem 0}.pick-row input[type=checkbox]{margin-top:.25rem;width:auto}.pick-group{border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;margin-bottom:.6rem}.pick-group-head{display:flex;align-items:baseline;gap:.5rem;font-weight:600;font-size:.9rem}.badge-inaktiv{background:#e5e7eb;color:#374151;margin-left:.5rem;font-size:.72rem}.customer-table tbody tr.row-inaktiv td{opacity:.55}.customer-table tbody tr.row-inaktiv:hover td{opacity:.8}