.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-xl);background:var(--bg-primary)}.auth-card{position:relative;background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;animation:slideUp .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--gray-200)}.theme-toggle-auth{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.auth-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:var(--spacing-md)}.auth-logo{height:60px;width:auto;object-fit:contain}.auth-card h2{margin:0;text-align:center;color:var(--primary);font-size:1.875rem;font-weight:700}.auth-card h3{margin-bottom:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-size:1.25rem;font-weight:600}.auth-field{margin-bottom:var(--spacing-lg)}.auth-field label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary);font-size:.875rem}.auth-field input{width:100%;padding:.875rem;font-size:.875rem;border:1px solid var(--gray-300);border-radius:var(--radius);box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary);transition:all .2s}.auth-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0034631a}.auth-field input:disabled,.auth-field select:disabled{background-color:var(--gray-100);cursor:not-allowed;opacity:.6}.auth-field select{width:100%;padding:.875rem;font-size:.875rem;border:1px solid var(--gray-300);border-radius:var(--radius);box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary);transition:all .2s;font-family:inherit}.auth-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0034631a}.auth-submit{width:100%;margin-top:var(--spacing-md);padding:.875rem;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--gray-300);font-weight:500;box-shadow:var(--shadow)}.auth-submit:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-toggle{width:100%;margin-top:var(--spacing-lg);background:transparent;color:var(--text-secondary);border:1px solid var(--gray-300);padding:.75rem;font-size:.875rem}.auth-toggle:hover{background:transparent;border-color:var(--primary);color:var(--text-primary)}.auth-error{background-color:var(--error-bg);color:var(--error-text);padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-lg);border:1px solid var(--error-border);font-size:.875rem;display:flex;align-items:center;gap:var(--spacing-sm)}.auth-message{background-color:var(--success-bg);color:var(--success-text);padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-lg);border:1px solid var(--success-border);font-size:.875rem;display:flex;align-items:center;gap:var(--spacing-sm)}.table-container{background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:clip;margin-bottom:var(--spacing-xl);border:1px solid var(--gray-200)}table{width:100%;border-collapse:collapse}thead{background:linear-gradient(to bottom,var(--gray-50),var(--gray-100))}thead th{position:sticky;top:0;z-index:10;background:linear-gradient(to bottom,var(--gray-50),var(--gray-100));box-shadow:0 2px 4px #0000000f}th{height:45px;max-height:45px;padding:0 .75rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:2px solid var(--gray-200);-webkit-user-select:none;user-select:none;line-height:1.2;vertical-align:middle;box-sizing:border-box;display:table-cell}@media(min-width:1920px){th{height:45px;max-height:45px;padding:0 .875rem;font-size:.8125rem;line-height:1.2}}.month-header-column{width:40px;min-width:40px;max-width:40px;text-align:center;white-space:nowrap;padding:0;box-sizing:border-box;transition:background-color .2s}.month-header-column[style*="cursor: pointer"]:hover{background-color:var(--gray-100);color:var(--primary)}tbody tr{transition:all .2s;border-bottom:1px solid var(--gray-200);height:65px;min-height:65px;max-height:65px;line-height:1}tbody tr:hover{background:var(--gray-50)}tbody tr.archived{opacity:.6;background:var(--gray-50)}tbody tr.archived:hover{background:var(--gray-100)}tbody tr.row-highlight-saved{background:var(--saved-green-bg);box-shadow:inset 0 0 0 2px var(--saved-green-border);transition:background .25s ease,box-shadow .25s ease}tbody tr.row-highlight-saved:hover{background:color-mix(in srgb,var(--saved-green) 22%,transparent)}tbody tr.row-expanded{background:color-mix(in srgb,var(--gray-200) 50%,var(--bg-primary));border-left:3px solid var(--primary)}tbody tr.row-expanded:hover{background:color-mix(in srgb,var(--gray-200) 60%,var(--bg-primary))}tbody tr.row-sub-entry{background:color-mix(in srgb,var(--gray-200) 28%,var(--bg-primary));border-left:3px solid var(--primary)}tbody tr.row-sub-entry:hover{background:color-mix(in srgb,var(--gray-200) 38%,var(--bg-primary))}.expand-triangle-btn{flex-shrink:0;width:18px;height:18px;min-width:18px;min-height:18px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .15s}.expand-triangle-btn:hover{background:color-mix(in srgb,var(--gray-300) 40%,transparent)}.expand-triangle{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid var(--text-secondary);transition:transform .2s}.expand-triangle.expanded{transform:rotate(90deg)}.cell-primary-content{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.cell-primary-indent{padding-left:1.75rem}tbody tr:last-child{border-bottom:none}td{padding:.75rem;font-size:.875rem;color:var(--text-primary);vertical-align:middle;height:65px;min-height:65px;max-height:65px;box-sizing:border-box;line-height:1.2}@media(min-width:1920px){td{padding:.875rem;font-size:.9375rem;height:65px;min-height:65px;max-height:65px}}td:first-child{font-weight:500;color:var(--text-primary)}.serviceobject-header-column,.serviceobject-column{width:400px}.customer-header-column,.customer-column{width:198px}.so-title{font-weight:700;font-size:.9375rem;display:block}.so-subtitle{display:block;color:var(--text-secondary);font-size:.75rem;margin-top:.05rem}.cell-primary{display:flex;flex-direction:column;gap:.15rem}.cell-primary.cell-primary-with-expand{flex-direction:row;align-items:flex-start;gap:.35rem}.cell-secondary{color:var(--text-secondary);font-size:.75rem}.month-column{width:40px;min-width:40px;max-width:40px;text-align:center;padding:0;white-space:nowrap;overflow:hidden;vertical-align:middle;display:table-cell;box-sizing:border-box;position:relative}.month-column>div{margin-left:auto;margin-right:auto}@media(min-width:1920px){.month-column{padding:0}}.month-square{width:35px;height:35px;min-width:35px;min-height:35px;max-width:35px;max-height:35px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--bg-primary);box-sizing:border-box;margin:0 auto}.month-square-empty{cursor:pointer;transition:all .2s}.month-square-empty:hover{background:var(--gray-50);border-color:var(--primary)}.month-square-filled{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.month-square-filled.month-square-completed{background:var(--saved-green-bg-light);border-color:var(--saved-green)}.month-square-filled.month-square-completed .due-days{color:var(--saved-green-text)!important;font-size:1rem}.month-square-filled .due-box-single{color:var(--text-on-primary)!important}.month-square-filled .due-days{color:var(--text-on-primary)!important;font-weight:700}.month-square .due-box-single{width:100%;height:100%;padding:0;font-size:.7rem;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.month-square .due-days{font-size:.7rem;font-weight:700;color:var(--text-primary);line-height:1}.status-column .status-badge{display:inline-block;padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;white-space:nowrap;text-align:center}.status-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border-radius:999px;background:var(--bg-primary);border:1px solid var(--gray-200);font-weight:600}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-text{color:var(--text-primary);font-size:.8125rem}.due-dual-container{display:flex;gap:.4rem;align-items:center;justify-content:center;flex-wrap:nowrap}.due-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:45px;padding:.35rem .5rem;border:1px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer;transition:all .2s;gap:.15rem}.due-box:hover{background:var(--gray-50);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.due-box-single{margin:0 auto}.due-label-compact{font-size:.65rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.due-days{font-size:.875rem;font-weight:700;color:var(--text-primary);line-height:1}.due-single{font-size:.8125rem;color:var(--text-primary);text-align:center}.status-state-column{text-align:center;padding:.5rem .25rem;width:110px;white-space:nowrap}.status-header-column{width:110px;white-space:nowrap;text-align:center;padding:.75rem .4rem}.sortable-header{-webkit-user-select:none;user-select:none;transition:background-color .2s}.sortable-header:hover{background-color:var(--gray-100)}.sort-indicator{margin-left:.25rem;color:var(--primary);font-weight:700}.meldungen-header-column{width:110px;white-space:nowrap;text-align:center;padding:.75rem .4rem}.verwaltung-header-column{width:115px;min-width:115px;white-space:nowrap;text-align:center;padding:.75rem .4rem}.status-state-icon{font-size:1rem;display:inline-block}.status-state-icon-button{background:transparent;border:1px solid transparent;cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.status-state-icon-button:hover{background:transparent;border:1px solid var(--primary);transform:scale(1.1)}.contact-data-header-column{width:150px;text-align:center}.contact-data-column{width:150px;padding:.5rem;text-align:center}@media(min-width:1920px){.contact-data-column{width:150px;padding:.625rem}}.contact-data-icons{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:nowrap}.contact-data-group{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:nowrap}.clickable-cell{cursor:pointer;transition:background-color .2s}.clickable-cell:hover{background-color:var(--gray-50)}.no-address-icon,.no-contact{opacity:.3;font-size:1rem}.btn-icon-address{background:transparent;border:1px solid transparent;font-size:1rem;cursor:pointer;padding:.2rem;border-radius:var(--radius-sm);transition:all .2s}.btn-icon-address:hover{background:transparent;border:1px solid var(--primary);transform:scale(1.1)}.contact-icons{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:nowrap}.contact-icon-only{font-size:1rem;display:inline-block}.contact-icon-link{text-decoration:none}.contact-icon-disabled{opacity:.35}@media(min-width:1920px){.contact-name{font-size:1rem}}.btn-icon-contact{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;text-decoration:none;padding:.2rem;border-radius:var(--radius-sm);transition:all .2s;background:transparent;border:1px solid transparent}.btn-icon-contact:hover{background:transparent;border:1px solid var(--primary);transform:scale(1.1)}.documents-header-column{width:180px;white-space:nowrap;text-align:center;padding:.75rem .9rem}.documents-column{padding:.5rem .65rem;text-align:center;width:180px;white-space:nowrap}.incidents-column{padding:.5rem .25rem;text-align:center;width:110px;white-space:nowrap}.management-column{padding:.5rem .25rem;text-align:center;width:115px;min-width:115px;white-space:nowrap}.incident-badge{border:none;background:transparent;font-size:.95rem;cursor:pointer;padding:.2rem;display:inline-flex;align-items:center;gap:.25rem}.incident-badge.incident-none{filter:grayscale(1);color:var(--text-secondary)}.incident-badge.incident-open{filter:none}.incident-count{font-size:.75rem;font-weight:600;line-height:1}.incident-open{color:var(--error)}.incident-soon{color:var(--warning)}.incident-overdue{color:var(--error)}.incident-badge:hover{transform:none}.year-icons-container{display:flex;gap:.35rem;flex-wrap:nowrap;align-items:center;justify-content:center}.year-icon{min-width:36px;padding:.3rem .45rem;border:2px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--bg-primary);font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s;color:var(--text-primary)}.year-icon:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.year-icon-green{background:var(--status-ok-bg);border-color:var(--success)}.year-icon-red{background:var(--status-overdue-bg);border-color:var(--error);color:var(--status-overdue-text)}.year-icon-orange{background:var(--status-due-soon-bg);border-color:var(--warning)}.year-icon-black{border-color:var(--gray-300)}.year-icon-more{min-width:30px;font-size:.8rem;font-weight:700}.action-buttons{display:flex;gap:.2rem;flex-wrap:nowrap;align-items:center;justify-content:center}.action-buttons button{padding:.25rem;font-size:.875rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);transition:all .2s}.action-buttons button:hover:not(:disabled){background:transparent;border:1px solid var(--primary);transform:scale(1.1)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-text{font-size:1rem;color:var(--text-secondary)}@media(max-width:1400px){th,td{padding:.625rem;font-size:.8125rem}tbody tr,td{height:65px;min-height:65px;max-height:65px}.address-column{width:45px}}@media(max-width:1024px){.table-container{overflow-x:auto}table{min-width:1000px}th,td{padding:.625rem .5rem;font-size:.75rem}tbody tr,td{height:65px;min-height:65px;max-height:65px}}@media print{.table-container{background:var(--bg-primary);box-shadow:none;border:none}.action-buttons{display:none}thead{background:var(--gray-100)}tbody tr:hover{background:transparent}}.todo-fab{position:fixed;bottom:1.5rem;left:1.5rem;z-index:400;width:90px;height:90px;border-radius:50%;background:var(--primary);color:var(--text-on-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:transform .2s ease,box-shadow .2s ease}.todo-fab:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.todo-fab:active{transform:scale(.98)}.todo-fab-icon{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}.todo-fab-badge{position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;padding:0 6px;color:#fff;font-size:.75rem;font-weight:700;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.todo-fab-badge-overdue{background:var(--error)}.todo-fab-badge-due{background:var(--warning)}.address-input-fields{display:flex;flex-direction:column;gap:.5rem;width:100%}.address-row{display:grid;grid-template-columns:1fr auto;gap:.375rem}.address-row:nth-child(2){grid-template-columns:auto 1fr;gap:.25rem}.address-field{position:relative;display:flex;align-items:center}.address-street{grid-column:1}.address-number{grid-column:2;min-width:80px}.address-zip{grid-column:1;max-width:120px}.address-city{grid-column:2}.address-input{width:100%;padding:.5rem .625rem;font-size:.875rem;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);transition:all .2s;font-family:inherit}.address-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0034631a}.address-input:disabled{background:var(--gray-100);cursor:not-allowed}.address-loading,.address-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.875rem;pointer-events:none}.address-loading{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pac-container{border-radius:var(--radius-md);border:1px solid var(--gray-300);box-shadow:var(--shadow-lg);margin-top:.25rem;font-family:inherit}.pac-item{padding:.75rem 1rem;cursor:pointer;border-top:1px solid var(--gray-100);font-size:.9375rem}.pac-item:first-child{border-top:none}.pac-item:hover,.pac-item-selected{background:var(--gray-50)}.overlay{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease-out;overscroll-behavior:contain;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-content{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;min-width:600px;max-width:1600px;height:calc(100vh - 4rem);max-height:calc(100vh - 4rem);overflow:hidden;box-shadow:var(--shadow-xl);animation:slideUp .3s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid var(--gray-200);display:flex;flex-direction:column;overscroll-behavior:contain}.overlay-content.overlay-small{min-width:400px;max-width:500px;width:auto;height:auto;max-height:auto}.overlay-small{min-width:400px;max-width:500px;height:auto;max-height:auto}.overlay-small:has(.confirmation-content){min-width:525px;max-width:600px}.overlay-small .overlay-header{text-align:center;justify-content:center;position:relative}.overlay-small .overlay-header .close-button{position:absolute;right:1rem}.overlay-small .overlay-body{display:flex;justify-content:center;align-items:center}@media(max-width:768px){.overlay-content{min-width:95%;max-width:95%;height:calc(100vh - 2rem);max-height:calc(100vh - 2rem)}.overlay-header,.overlay-body{padding:var(--spacing-md)}}@media(min-width:1920px){.overlay-content{max-width:1800px}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.overlay-body::-webkit-scrollbar{width:8px}.overlay-body::-webkit-scrollbar-track{background:var(--gray-100)}.overlay-body::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.overlay-body::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.overlay-header{padding:var(--spacing-xl);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,var(--gray-50),var(--bg-primary));border-radius:var(--radius-xl) var(--radius-xl) 0 0;gap:1rem}.overlay-header-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.overlay-header-left h3{margin:0;flex-shrink:0}.overlay-header-info{display:flex;align-items:center;flex-shrink:0}.overlay-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.overlay-header h3{font-size:1.625rem;font-weight:600;color:var(--text-primary);margin:0}.overlay-title-two-line{display:flex;flex-direction:column;gap:.25rem;flex:1}.overlay-title-main{font-size:1.625rem;font-weight:600;color:var(--text-primary);line-height:1.2}.overlay-title-subtitle{font-size:.9375rem;font-weight:600;color:var(--primary);line-height:1.4;padding:.375rem .75rem;background:var(--primary-50);border:1px solid var(--primary-light);border-radius:var(--radius-sm);display:inline-block;width:fit-content;margin-top:.125rem;box-shadow:0 1px 2px #0034631a}.overlay-header:has(.overlay-title-two-line){align-items:flex-start}@media(min-width:1920px){.overlay-header h3{font-size:1.875rem}}.overlay-body{padding:var(--spacing-xl);overflow-y:auto;flex:1;display:flex;flex-direction:column}.overlay-body h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.overlay-body h4:first-child{margin-top:0}.overlay-body label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem}.overlay-body input,.overlay-body select,.overlay-body textarea{width:100%;padding:.875rem;margin-bottom:var(--spacing-md);font-size:.9375rem;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);transition:all .2s;font-family:inherit}@media(min-width:1920px){.overlay-body input,.overlay-body select,.overlay-body textarea{padding:1rem;font-size:1rem}}.overlay-body input:focus,.overlay-body select:focus,.overlay-body textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0034631a}.overlay-body textarea{resize:vertical;min-height:80px}.overlay-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-xl);border-top:1px solid var(--gray-200);background:var(--gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.overlay-actions button{min-width:100px}.close-button{background:transparent;border:none;font-size:1.75rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-weight:300;border:1px solid transparent}.close-button:hover{background:transparent;color:var(--primary);border:1px solid var(--primary);transform:translateY(-1px) scale(1.05);box-shadow:var(--shadow-md)}.close-button:active{transform:translateY(0) scale(1);box-shadow:var(--shadow)}.confirmation-content{padding:1.5rem;max-width:600px;text-align:center;display:flex;flex-direction:column;align-items:center;width:100%}.confirmation-message{margin-bottom:1.5rem;font-size:.9375rem;line-height:1.5;color:var(--text-primary);white-space:pre-line;text-align:center;width:100%}.confirmation-actions{display:flex;gap:.75rem;justify-content:center;align-items:center;width:100%}.confirmation-actions button{padding:.5rem 1rem;font-size:.875rem;min-width:100px}.overlay-content.entry-form-overlay .overlay-body{scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.overlay-content.entry-form-overlay .overlay-body::-webkit-scrollbar{width:8px}.overlay-content.entry-form-overlay .overlay-body::-webkit-scrollbar-track{background:transparent}.overlay-content.entry-form-overlay .overlay-body::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.overlay-content.entry-form-overlay .overlay-body::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.overlay-content.entry-form-overlay .overlay-body::-webkit-scrollbar-button{-webkit-appearance:none;appearance:none;background:var(--bg-primary)!important;background-image:none!important}.overlay-content.entry-form-overlay .overlay-body::-webkit-scrollbar-button:vertical:decrement,.overlay-content.entry-form-overlay .overlay-body::-webkit-scrollbar-button:vertical:increment{background:var(--bg-primary)!important;background-image:none!important}.entry-form-content{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;overflow-y:auto;flex:1}.entry-serviceobject-info{padding:1rem;background:var(--gray-50);border-radius:var(--radius-sm);border-left:4px solid var(--primary);margin-bottom:.5rem}.entry-serviceobject-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.entry-serviceobject-subtitle{font-size:.875rem;color:var(--text-secondary)}.entry-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:1920px){.entry-form-grid{grid-template-columns:repeat(3,1fr)}}.entry-form-group{display:flex;flex-direction:column;gap:.375rem}.entry-form-group label{font-weight:500;color:var(--text-primary);font-size:.8125rem}.entry-form-group input,.entry-form-group select,.entry-form-group textarea{width:100%;padding:.5rem .625rem;font-size:.875rem;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);transition:all .2s;font-family:inherit}.entry-form-group textarea{resize:vertical;min-height:60px}.entry-form-group input:focus,.entry-form-group select:focus,.entry-form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0034631a}.entry-form-full-width{grid-column:1 / -1}.entry-form-actions-wrapper{margin-top:auto;padding-top:1rem;border-top:1px solid var(--gray-200)}.overlay-actions .btn-danger{background:transparent;border:1px solid var(--gray-300);color:var(--text-secondary);transition:all .2s}.overlay-actions .btn-danger:hover:not(:disabled){background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.info-text{font-size:.8125rem;color:var(--text-secondary);margin-top:.25rem}.entry-form-group .btn-secondary{padding:.5rem .75rem;font-size:.8125rem;white-space:nowrap}.entry-form-group .btn-icon{padding:.5rem .625rem;font-size:.875rem;min-width:auto}.entry-form-section{padding:1.25rem;border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--bg-primary);margin-bottom:1.25rem}.entry-form-section:last-child{margin-bottom:0}.entry-form-section-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-200)}.entry-form-kunde-auftragsnummer-row,.entry-form-bezeichnung-row,.entry-form-auftragswert-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;grid-column:1 / -1}.entry-form-input-with-prefix{display:flex;align-items:stretch;height:37px;min-height:37px;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--bg-primary);overflow:hidden}.entry-form-input-with-prefix:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0034631a}.entry-form-input-prefix{display:flex;align-items:center;padding:0 .5rem 0 .75rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:var(--gray-50);border-right:1px solid var(--gray-300)}.entry-form-input-with-prefix input{flex:1;min-width:0;border:none;padding:0 .625rem;font-size:.875rem;background:transparent;color:var(--text-primary);font-family:inherit;height:100%}.entry-form-input-with-prefix input:focus{outline:none}.entry-form-adressen-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;grid-column:1 / -1}.entry-form-kontakt-grid{display:flex;flex-direction:column;gap:.75rem}.entry-form-kontakt-row-1{display:grid;grid-template-columns:auto 1fr 1fr;gap:.75rem}.entry-form-kontakt-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.entry-form-kontakt-row-1 input,.entry-form-kontakt-row-2 input{padding:.5rem .625rem;font-size:.875rem;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-family:inherit}.entry-form-kontakt-row-1 input:focus,.entry-form-kontakt-row-2 input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0034631a}.entry-form-anrede-select{min-width:5rem;padding:.5rem .625rem;font-size:.875rem;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;cursor:pointer}.entry-form-anrede-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0034631a}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10000;display:flex;align-items:center;gap:.5rem;animation:slideIn .3s ease-out;min-width:200px;max-width:400px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background-color:var(--success);color:var(--text-on-primary)}.toast-warning{background-color:var(--warning);color:#1f2937}.toast-message{font-size:.875rem;font-weight:500}@media(max-width:768px){.toast{bottom:1rem;right:1rem;left:1rem;max-width:none}}.alert-content{padding:1rem}.alert-message{margin-bottom:1.5rem;font-size:1rem;line-height:1.5;color:var(--text-primary);white-space:pre-line}.alert-error{color:var(--error)}.alert-warning{color:var(--warning)}.alert-actions{display:flex;gap:1rem;justify-content:flex-end}.employee-management-content{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;overflow-y:auto;flex:1}.employee-management-actions{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0 1rem;margin-bottom:1rem;border-bottom:1px solid var(--gray-200)}.employee-tabs{display:flex;gap:.5rem}.employee-list{display:flex;flex-direction:column;gap:.75rem}.employee-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--bg-primary)}.employee-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.employee-name{font-weight:500;color:var(--text-primary)}.employee-actions{display:flex;gap:.5rem;align-items:center}.employee-actions .btn-danger{background:transparent;border:1px solid var(--gray-300);color:var(--text-secondary);transition:all .2s}.employee-actions .btn-danger:hover:not(:disabled){background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.employee-form{display:flex;flex-direction:column;gap:1rem}.employee-form h3{margin:0 0 1rem;color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-weight:500;color:var(--text-primary);font-size:.8125rem}.form-group input{width:100%;padding:.5rem .625rem;font-size:.875rem;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);transition:all .2s;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0034631a}.form-group select{width:100%;padding:.5rem .625rem;font-size:.875rem;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;cursor:pointer}.form-group select:focus{outline:none;border-color:var(--primary)}.form-group select.field-error{border-color:var(--danger)}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.error-text{color:var(--danger);font-size:.875rem;margin:.5rem 0}.info-text{font-size:.875rem;color:var(--text-secondary);text-align:center;padding:2rem}.entry-meta-line{margin:0 0 .75rem;padding:.5rem .75rem;background:var(--gray-50);border-radius:var(--radius);font-size:.875rem;color:var(--gray-700)}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-xl);max-width:1800px;margin:0 auto;width:100%}.app-sticky-top{flex-shrink:0;display:flex;flex-direction:column;gap:0}.app-table-scroll-area{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.app-table-scroll-area::-webkit-scrollbar{display:none;width:0;height:0}@media(max-width:1400px){.app{max-width:100%;padding:var(--spacing-lg)}}@media(max-width:1024px){.app{padding:var(--spacing-md)}.app-header{flex-direction:column;align-items:flex-start}.search-section{flex-direction:column;align-items:stretch}.search-container{max-width:100%}}@media(min-width:1920px){.app{max-width:1900px;padding:2rem 3rem}}.app-header{background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);border:1px solid var(--gray-200);position:relative;z-index:100}.app-header-title{display:flex;align-items:center;gap:1rem}.app-logo{height:50px;width:auto;object-fit:contain}.app-header h2{color:var(--primary);font-size:2rem;font-weight:700;margin:0}@media(min-width:1920px){.app-header h2{font-size:2.25rem}.app-logo{height:60px}}.header-actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap;position:relative;z-index:auto}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=light] .theme-toggle,[data-theme=dark] .theme-toggle{background:color-mix(in srgb,var(--primary) 75%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--primary) 75%,var(--bg-primary));color:var(--text-on-primary)}[data-theme=light] .theme-toggle:hover,[data-theme=dark] .theme-toggle:hover{background:color-mix(in srgb,var(--primary) 85%,var(--bg-primary));border-color:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-toggle:active{transform:translateY(0);box-shadow:var(--shadow)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle img{opacity:.85}.theme-toggle:hover img{opacity:1}.header-menu-wrapper{position:relative;display:flex;align-items:center;z-index:2000!important}.header-menu-toggle{display:inline-flex;align-items:center;gap:.5rem}.header-menu-icon{display:flex;flex-direction:column;justify-content:center;gap:4px;width:20px;height:18px}.header-menu-icon span{display:block;height:2px;width:100%;background:currentColor;border-radius:1px;transition:transform .2s,opacity .2s}.header-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;min-width:200px;background:var(--bg-primary);border:1px solid var(--gray-300);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.375rem 0;z-index:2000!important;display:flex;flex-direction:column;gap:0}.header-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;text-align:left;font-size:.875rem;font-weight:500;color:var(--text-primary);background:transparent;border:none;border-radius:0;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--gray-200)}.header-menu-item img{flex-shrink:0;display:block;vertical-align:middle}.header-menu-item:last-child{border-bottom:none}.header-menu-item:hover{background:var(--gray-100)}.header-menu-item:focus{outline:none;background:var(--gray-100)}.btn-header{background:var(--bg-primary);color:var(--text-primary);padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border:1px solid var(--gray-300);border-radius:var(--radius);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-header:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-header:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow)}.btn-header-logout{background:var(--error-bg);border-color:var(--error-border);color:var(--text-primary)}.btn-header-logout:hover:not(:disabled){background:var(--status-overdue-bg);border-color:var(--error-border);color:var(--text-primary)}.search-section{margin-bottom:var(--spacing-md);display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:1}.filter-actions{display:flex;gap:.5rem}.select-filter{padding:.65rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary)}.employee-filter-dropdown-wrapper{position:relative;flex-shrink:0;z-index:999}.employee-filter-button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;font-size:.9375rem;border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);transition:all .2s;box-shadow:var(--shadow-sm);cursor:pointer;min-width:220px;max-width:280px;font-weight:500;width:100%}@media(min-width:1920px){.employee-filter-button{padding:1.125rem 1.5rem;font-size:1rem;min-width:240px;max-width:300px}}.employee-filter-button:hover{border-color:var(--gray-400);box-shadow:var(--shadow);background:var(--bg-primary)}.employee-filter-button:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0034631a,var(--shadow);background:var(--bg-primary)}.employee-filter-button-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-filter-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform .2s;flex-shrink:0}.employee-filter-arrow.open{transform:rotate(180deg)}.employee-filter-arrow svg{width:14px;height:14px}.employee-filter-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:100%;background:var(--bg-primary);border:1px solid var(--gray-300);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:999;overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.employee-filter-options{list-style:none;margin:0;padding:.5rem 0;max-height:300px;overflow-y:auto}.employee-filter-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;font-size:.9375rem;color:var(--text-primary);cursor:pointer;transition:all .15s;gap:.75rem}@media(min-width:1920px){.employee-filter-option{padding:.875rem 1.5rem;font-size:1rem}}.employee-filter-option:hover{background:var(--gray-50)}.employee-filter-option.selected{background:#0034630d;color:var(--primary);font-weight:500}.employee-filter-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-filter-checkmark{color:var(--primary);font-weight:600;font-size:1rem;flex-shrink:0}.employee-filter-options>.employee-filter-option:first-child{font-weight:600;border-bottom:1px solid var(--gray-200);margin-bottom:.25rem;padding-bottom:.875rem}.employee-filter-options>.employee-filter-option:first-child:hover{background:var(--gray-50)}.employee-filter-options::-webkit-scrollbar{width:8px}.employee-filter-options::-webkit-scrollbar-track{background:var(--gray-100)}.employee-filter-options::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.employee-filter-options::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media(max-width:1024px){.employee-filter-button{min-width:180px;max-width:240px;padding:.875rem 1rem;font-size:.875rem}.employee-filter-dropdown{min-width:100%}}@media(max-width:768px){.search-section{flex-direction:column;align-items:stretch}.employee-filter-dropdown-wrapper{width:100%}.employee-filter-button{width:100%;max-width:100%;min-width:0}.employee-filter-dropdown{right:0;left:0;min-width:100%}}.btn-filter{padding:.75rem 1.25rem;background:var(--bg-primary);border:2px solid var(--gray-300);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-primary)}.btn-filter:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-filter.active{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.btn-filter.active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.search-container{position:relative;max-width:600px;flex:1 1 auto;display:flex;align-items:center;min-width:0}@media(min-width:1920px){.search-container{max-width:700px}}.search-icon{position:absolute;left:1rem;width:1.25rem;height:1.25rem;pointer-events:none;z-index:1;opacity:1}.search-input{width:100%;padding:1rem 3rem;font-size:.9375rem;border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);transition:all .2s;box-shadow:var(--shadow-sm)}@media(min-width:1920px){.search-input{padding:1.125rem 1.5rem 1.125rem 3.5rem;font-size:1rem}.search-icon{left:1.25rem;width:1.375rem;height:1.375rem}}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0034631a,var(--shadow)}.search-input::placeholder{color:var(--text-tertiary)}.search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);font-size:1rem;line-height:1;transition:all .2s;display:flex;align-items:center;justify-content:center}.search-clear:hover{background:var(--gray-100);color:var(--text-primary)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm)}.table-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.quick-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.btn-chip{padding:.5rem .85rem;background:var(--bg-primary);border:1px solid var(--gray-300);border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s}.btn-chip:hover{background:var(--gray-50);border-color:var(--gray-400)}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;gap:var(--spacing-md)}.loading:after{content:"";width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{background:var(--bg-primary);color:var(--text-primary);padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border:1px solid var(--gray-300);box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--gray-100);color:var(--text-primary);padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border:1px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){background:var(--gray-100);border-color:var(--primary)}.btn-icon{padding:.5rem;background:transparent;border-radius:var(--radius);color:var(--text-secondary);transition:all .2s}.btn-icon:hover:not(:disabled){background:transparent;color:var(--primary);border:1px solid var(--primary);transform:scale(1.05)}.btn-danger{background:var(--error);color:var(--text-primary);padding:.5rem}.btn-danger:hover:not(:disabled){background:var(--error)}.btn-hover-red:hover:not(:disabled){border-color:var(--error-border)!important;background:var(--error-bg)!important;color:var(--error-text)}.data-update-notification{position:fixed;bottom:1.5rem;left:1.5rem;z-index:10000;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:3px solid var(--primary);border-radius:var(--radius-lg);box-shadow:0 10px 25px #00346340,0 0 0 1px #0034631a;padding:1.25rem 1.75rem;min-width:320px;max-width:420px;animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1),pulse 2s ease-in-out infinite}@keyframes slideInUp{0%{transform:translateY(100%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 10px 25px #00346340,0 0 0 1px #0034631a}50%{box-shadow:0 10px 30px #00346359,0 0 0 2px #00346326}}.data-update-content{display:flex;flex-direction:column;gap:1.25rem}.data-update-message{font-weight:600;color:var(--text-primary);font-size:1rem;line-height:1.5}.data-update-buttons{display:flex;gap:.75rem;justify-content:flex-end}.data-update-buttons .btn-primary,.data-update-buttons .btn-secondary{padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;min-width:90px;transition:all .2s}.data-update-buttons .btn-primary{background:var(--primary);color:#fff;border:2px solid var(--primary)}.data-update-buttons .btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #00346333}.email-confirmed-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-xl);background:var(--bg-primary)}.email-confirmed-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;animation:emailConfirmedSlideUp .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--gray-200)}@keyframes emailConfirmedSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.email-confirmed-logo{height:60px;width:auto;object-fit:contain;margin-bottom:1.5rem}.email-confirmed-title{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:var(--primary)}.email-confirmed-text{margin:0 0 1.5rem;font-size:1rem;line-height:1.5;color:var(--text-secondary)}.email-confirmed-btn{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--gray-300);border-radius:var(--radius);text-decoration:none;box-shadow:var(--shadow);transition:all .2s}.email-confirmed-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.customer-share-public{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg-primary)}.customer-share-public-theme-toggle{position:fixed;top:1rem;right:1rem;padding:.5rem;border:none;background:var(--bg-secondary);border-radius:6px;cursor:pointer;opacity:.8}.customer-share-public-theme-toggle:hover{opacity:1}.customer-share-public-card{width:100%;max-width:520px;padding:2rem;background:var(--bg-secondary);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 4px 12px #00000014}.customer-share-public-logo{display:block;max-width:180px;height:auto;margin:0 auto 1.5rem}.customer-share-public-title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);text-align:center}.customer-share-public-intro{margin:0 0 1.25rem;font-size:.9375rem;color:var(--text-secondary);text-align:center;line-height:1.5}.customer-share-public-form label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.35rem;color:var(--text-primary)}.customer-share-public-form input{width:100%;padding:.6rem .75rem;font-size:1rem;border:1px solid var(--gray-200);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);margin-bottom:1rem;box-sizing:border-box}.customer-share-public-form input:focus{outline:none;border-color:var(--primary)}.customer-share-public-error{margin:0 0 .75rem;font-size:.875rem;color:#b91c1c}.customer-share-public-btn{width:100%;padding:.65rem 1rem;font-size:1rem;font-weight:500;color:#fff;background:var(--primary);border:none;border-radius:6px;cursor:pointer}.customer-share-public-btn:hover:not(:disabled){opacity:.95}.customer-share-public-btn:disabled{opacity:.6;cursor:not-allowed}.customer-share-public-meta{margin-bottom:1.5rem;padding:1rem;background:var(--bg-primary);border-radius:6px;font-size:.875rem}.customer-share-public-meta p{margin:.25rem 0}.customer-share-public-expiry{margin-top:.5rem!important;font-size:.8125rem;color:var(--text-secondary)}.customer-share-public-docs h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.customer-share-public-docs ul{margin:0;padding:0;list-style:none}.customer-share-public-doc-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;margin-bottom:.5rem;background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:6px}.customer-share-public-doc-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.customer-share-public-doc-name{font-weight:500;color:var(--text-primary)}.customer-share-public-doc-meta{font-size:.8125rem;color:var(--text-secondary)}.customer-share-public-download-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.875rem;color:var(--primary);background:transparent;border:1px solid var(--primary);border-radius:6px;cursor:pointer;flex-shrink:0}.customer-share-public-download-btn:hover{background:rgba(var(--primary-rgb, 0, 100, 180),.08)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #003463;--primary-dark: #002a4f;--primary-light: #4d7fb8;--primary-50: #e6f0f7;--secondary: #002a4f;--success: #10b981;--saved-green: #22c55e;--saved-green-bg: rgba(34, 197, 94, .18);--saved-green-bg-light: rgba(34, 197, 94, .35);--saved-green-border: rgba(34, 197, 94, .35);--saved-green-text: #166534;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--error-border: #dc2626;--error-bg: #fee2e2;--error-text: #991b1b;--error-light: #fee2e2;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--status-overdue-bg: #fee2e2;--status-overdue-text: #991b1b;--status-due-soon-bg: #fef3c7;--status-due-soon-text: #92400e;--status-ok-bg: #d1fae5;--status-ok-text: #065f46;--status-in-progress-bg: #dbeafe;--status-in-progress-text: #1e40af;--text-on-primary: #ffffff;--success-bg: #d1fae5;--success-text: #065f46;--success-border: #a7f3d0;--warning-bg: #fef3c7;--warning-text: #92400e;--warning-border: #facc15}[data-theme=dark]{--gray-50: #1e293b;--gray-100: #334155;--gray-200: #475569;--gray-300: #64748b;--gray-400: #94a3b8;--gray-500: #cbd5e1;--gray-600: #e2e8f0;--gray-700: #f1f5f9;--gray-800: #f8fafc;--gray-900: #ffffff;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--error-border: #f87171;--error-bg: #7f1d1d;--error-text: #fecaca;--error-light: rgba(239, 68, 68, .2);--status-overdue-bg: rgba(239, 68, 68, .25);--status-overdue-text: #fca5a5;--status-due-soon-bg: rgba(245, 158, 11, .25);--status-due-soon-text: #fcd34d;--status-ok-bg: rgba(16, 185, 129, .25);--status-ok-text: #6ee7b7;--saved-green: #4ade80;--saved-green-bg: rgba(34, 197, 94, .25);--saved-green-bg-light: rgba(74, 222, 128, .35);--saved-green-border: rgba(74, 222, 128, .5);--saved-green-text: #86efac;--status-in-progress-bg: rgba(59, 130, 246, .25);--status-in-progress-text: #93c5fd;--text-on-primary: #ffffff;--success-bg: rgba(16, 185, 129, .2);--success-text: #6ee7b7;--success-border: rgba(16, 185, 129, .4);--warning-bg: rgba(245, 158, 11, .2);--warning-text: #fcd34d;--warning-border: rgba(245, 158, 11, .4);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4)}[data-theme=dark] img[src*=".svg"],[data-theme=dark] img[src*=".svg?"]{filter:brightness(2.2) contrast(1.05)}[data-theme=dark] body:before{background-image:linear-gradient(to bottom right,#00346326,#0f172af2,#0034631f),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);min-height:100vh;color:var(--text-primary);line-height:1.6;position:relative;font-size:16px}@media(min-width:1920px){body{font-size:17px}}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(to bottom right,#e6f0f74d,#ffffffd9,#e6f0f74d),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:cover,60px 60px;background-position:center,0 0;background-repeat:no-repeat,repeat;z-index:-1;opacity:1}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}button{font-family:inherit;font-weight:500;border-radius:var(--radius);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-overdue{background-color:var(--status-overdue-bg);color:var(--status-overdue-text)}.status-due-soon{background-color:var(--status-due-soon-bg);color:var(--status-due-soon-text)}.status-ok{background-color:var(--status-ok-bg);color:var(--status-ok-text)}.status-in-progress{background-color:var(--status-in-progress-bg);color:var(--status-in-progress-text)}@media print{@page{size:A4 landscape;margin:10mm 12mm}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important}body{padding:0!important}body:before{display:none}}.field-error,input.field-error,textarea.field-error,select.field-error{border-color:var(--error-border)!important;background-color:var(--error-bg)!important;color:var(--error-text)!important;box-shadow:0 0 0 3px #dc26261a!important}.field-error:focus{outline:none;border-color:var(--error-border)!important;box-shadow:0 0 0 3px #dc262633!important}.field-error::placeholder{color:var(--error-text);opacity:.7}