@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;width:100%;max-width:340px;display:flex;flex-direction:column;gap:.75rem}.login-card h1{margin:0 0 .5rem;font-size:1.3rem}.login-card label{font-size:.85rem;color:var(--text-muted);margin-bottom:-.4rem}.login-error{color:var(--danger);font-size:.85rem;margin:0}.login-card button{margin-top:.5rem}.overview{max-width:720px;margin:0 auto;padding:1.5rem 16px 3rem}.overview-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.25rem}.overview-header h1{font-size:1.4rem;margin:0}.header-actions{display:flex;align-items:center;gap:.75rem}.header-actions a{text-decoration:none}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.tabs button{background:transparent;color:var(--text-muted);border-radius:0;padding:.6rem .9rem;border-bottom:2px solid transparent}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.customer-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem}.customer-list a{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;text-decoration:none;color:var(--text)}.customer-list a:hover{border-color:var(--accent)}.customer-name{font-weight:600}.customer-contact{color:var(--text-muted);font-size:.85rem}.new-customer-form{display:flex;flex-direction:column;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-top:.5rem}.customer-detail{max-width:820px;margin:0 auto;padding:1.25rem 16px 3rem}.back-link{color:var(--text-muted);text-decoration:none;font-size:.85rem}.customer-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin:.75rem 0 1.5rem;gap:1rem}.customer-detail-header h1{margin:0 0 .35rem;font-size:1.5rem}.type-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .55rem;border-radius:999px}.type-badge.geschaeftlich{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.type-badge.privat{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.detail-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem}.detail-section h2{font-size:1rem;margin:0 0 .9rem}.contact-info dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0 0 1rem}.contact-info dt{color:var(--text-muted);font-size:.85rem}.contact-info dd{margin:0}.notes-view{white-space:pre-wrap;min-height:1.5em;border:1px dashed transparent;padding:.4rem;border-radius:var(--radius)}.contact-info{cursor:pointer}.contact-info:hover{outline:1px dashed var(--border)}.edit-hint{font-size:.78rem;margin:.5rem 0 0}.stammdaten-form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;cursor:default}.stammdaten-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-muted)}.stammdaten-form .field-postal{grid-column:1}.stammdaten-form .field-city{grid-column:2}.stammdaten-form .field-full{grid-column:1 / -1}@media (max-width: 480px){.stammdaten-form{grid-template-columns:1fr}.stammdaten-form .field-postal,.stammdaten-form .field-city{grid-column:1}}.data-table{width:100%;border-collapse:collapse;font-size:.9rem;overflow-x:auto;display:block}.data-table thead,.data-table tbody{display:table;width:100%;table-layout:fixed}.data-table th{text-align:left;color:var(--text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;padding:.4rem .5rem;border-bottom:1px solid var(--border)}.data-table td{padding:.5rem;border-bottom:1px solid var(--border);overflow:hidden;text-overflow:ellipsis}.password-cell{font-family:ui-monospace,monospace}.inline-form,.activity-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem;align-items:center}.inline-form input,.inline-form select{flex:1 1 140px}.activity-form input{flex:1 1 280px}.activity-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.5rem}.activity-list li{display:flex;gap:.75rem;font-size:.9rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.activity-date{color:var(--text-muted);font-size:.8rem;white-space:nowrap}.invoice-form{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.invoice-form .date-field{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--text-muted);flex:1 1 140px}.invoice-form .address-field{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;width:100%;max-width:380px;display:flex;flex-direction:column;gap:.75rem}.modal-card h3{margin:0;font-size:1.05rem}.modal-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-muted)}.invoice-form textarea{width:100%}.positions-table .position-sum{font-variant-numeric:tabular-nums;white-space:nowrap}.invoice-total{font-size:1.05rem;text-align:right}.kub-notice{font-size:.78rem;text-align:right;margin:-.4rem 0 0}.invoice-actions{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;position:relative}.invoice-status-note{position:absolute;top:100%;right:0;font-size:.72rem;white-space:nowrap}.invoice-summary{margin:-.4rem 0 .75rem}.todo-list{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.4rem}.todo-list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.todo-list label{display:flex;align-items:center;gap:.5rem;flex:1}.todo-done-item label span{text-decoration:line-through;color:var(--text-muted)}.todo-done{margin-top:.75rem}.todo-done summary{cursor:pointer;font-size:.85rem}.todo-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem;align-items:center}.todo-form input{flex:1 1 280px}.todo-row-actions{display:flex;align-items:center;gap:.4rem}.todo-row-actions select{font-size:.78rem;padding:.3rem .4rem}.priority-badge{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .45rem;border-radius:999px;white-space:nowrap}.priority-badge.priority-normal{background:color-mix(in srgb,var(--text-muted) 15%,transparent);color:var(--text-muted)}.priority-badge.priority-wichtig{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.priority-badge.priority-dringend{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}@media (max-width: 560px){.customer-detail-header{flex-direction:column}.contact-info dl{grid-template-columns:1fr}.activity-list li{flex-direction:column;gap:.15rem}.invoice-actions{flex-direction:column;align-items:flex-start}}:root{--bg: #f4f5f7;--surface: #ffffff;--border: #dde1e6;--text: #1c2128;--text-muted: #6b7280;--accent: #2f5ed6;--accent-hover: #244cb0;--danger: #c23b3b;--danger-hover: #a12e2e;--success: #1f8a4c;--radius: 8px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #15171c;--surface: #1e2128;--border: #2e323b;--text: #e6e8eb;--text-muted: #9aa1ac;--accent: #5b8bf0;--accent-hover: #7aa0f3}}:root[data-theme=dark]{--bg: #15171c;--surface: #1e2128;--border: #2e323b;--text: #e6e8eb;--text-muted: #9aa1ac;--accent: #5b8bf0;--accent-hover: #7aa0f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}input,textarea,select{font-family:inherit;font-size:.95rem;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}button{font-family:inherit;font-size:.9rem;font-weight:600;padding:.55rem 1rem;border-radius:var(--radius);border:none;cursor:pointer}.btn-primary,.detail-section form button[type=submit],.inline-form button[type=submit],.new-customer-form button[type=submit],.activity-form button{background:var(--accent);color:#fff}.btn-primary:hover,.detail-section form button[type=submit]:hover,.inline-form button[type=submit]:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-icon{background:transparent;color:var(--text-muted);font-size:1.1rem;padding:.1rem .4rem;line-height:1}.btn-icon:hover{color:var(--danger)}.muted{color:var(--text-muted)}.form-actions{display:flex;gap:.5rem;margin-top:.5rem}