body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:5px;text-align:center}h1,h2,h3{color:#333}.app-logo{height:auto;width:150px}.login-logo{height:auto;margin-bottom:1rem;width:200px}.header-container{background-color:#fff;border-radius:0;box-shadow:0 2px 4px #0000001a;flex-direction:column;margin-bottom:5px;padding:10px 5px;position:relative}.header-container,.top-header{align-items:center;display:flex}.top-header{justify-content:space-between;margin-bottom:10px;width:100%}.logo-container{align-items:center;display:flex;gap:.75rem;position:static;transform:none}.app-title{color:#1e3a8a;font-size:24px;font-weight:700;margin-bottom:0;margin-left:15px}.user-name{color:#4b5563;font-size:18px;font-weight:700;margin-top:5px;text-align:right}.btn-logout{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:auto;padding:6px 12px;width:auto}.btn-logout:hover{background-color:#c82333}.titel{box-sizing:border-box;margin-bottom:20px;margin-top:10px;max-width:100%;text-align:center;width:100%}.titel_benutzer{color:#333;font-size:32px;font-weight:700;margin-bottom:10px}.titel_datum{color:#666;font-size:20px;font-weight:700;margin-bottom:8px;margin-top:12px}.container{background:#fff;border-radius:5px;box-shadow:0 4px 8px #0000001a;margin:auto;max-width:1200px;padding:20px}.week-navigation-container{align-items:center;display:flex;flex-direction:column;margin:5px 0;width:100%}.week-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;padding:0 5px;width:100%}.nav-button{background-color:#007bff;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;margin:0 5px;min-width:0;padding:8px 10px;width:100%}.nav-button:hover{background-color:#0056b3}.current-week-btn{background-color:#17a2b8}.current-week-btn:hover{background-color:#138496}.week-info{margin:5px 0;text-align:center;width:100%}.week-label{color:#555;font-size:16px;font-weight:700}button{background:#007bff;border:3px solid #fff;border-radius:5px;color:#fff;cursor:pointer;padding:24px 60px}button:hover{background:#0056b3}form{background:#fff;border-radius:5px;box-shadow:0 4px 8px #0000001a;margin:auto;max-width:600px;padding:20px}form label{display:block;font-weight:700;margin-top:10px}form input,form select,form textarea{border:1px solid #ccc;border-radius:5px;margin-top:5px;padding:8px;width:100%}form button{border-radius:5px;cursor:pointer;margin-top:15px;padding:10px;width:100%}form button.cancel{background:#ccc}form button.save{background:#007bff;color:#fff}form button.save:hover{background:#0056b3}table{background:#fff;border-radius:5px;margin-top:20px;overflow:hidden;table-layout:fixed}td,th{border:1px solid #ddd;padding:12px}th{background:#007bff;color:#fff}td:last-child{text-align:center}td:nth-last-child(2){text-align:right}tr:nth-child(2n){background:#f8f9fa}tr:hover{background:#ddd}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.p-4{padding:0!important}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-2{padding:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.m-4{margin:1rem}.mb-4{display:flex;justify-content:center;margin-bottom:1rem;width:100%}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-4>*+*{margin-top:1rem}.flex{display:flex}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.items-center{align-items:center}.flex-direction-column{flex-direction:column}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-white{color:#fff}.text-blue-700{color:#1d4ed8}.text-red-700{color:#b91c1c}.bg-white{background-color:#fff}.bg-blue-50{background-color:#eff6ff}.bg-red-50{background-color:#fef2f2}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.rounded,.rounded-lg{border-radius:5px}.border{border:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hover-bg-gray-50:hover{background-color:#f9fafb}.hover-bg-gray-300:hover{background-color:#d1d5db}.hover-bg-blue-600:hover{background-color:#2563eb}.w-full{width:100%}.w-96{width:24rem}.w-16{width:4rem}.w-10{width:2.5rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto;width:100%}.truncate{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.min-w-full{min-width:100%}.table-fixed{table-layout:fixed}.entry-card{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px -1px #0000001a;box-sizing:border-box;margin-bottom:.5rem;padding:1rem;width:100%}.entry-card table{margin-top:0;width:100%}.entry-card col.col-title{width:25%}.entry-card col.col-content{width:75%}.entry-card td.cell-title{color:#4b5563;font-weight:500}.entry-card td.cell-content,.entry-card td.cell-title{padding:.5rem .25rem;vertical-align:top}.summary-card{margin-left:auto;margin-right:auto;padding:1rem}.form-container,.summary-card{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px -1px #0000001a;box-sizing:border-box;margin-bottom:1rem;max-width:100%;width:100%}.form-container{padding:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:5px;padding:.5rem;width:100%}.btn{border-radius:5px}.btn,.btn-primary{align-items:center;box-sizing:border-box;display:flex;font-size:1.125rem;height:44px;justify-content:center;padding:10px 20px}.btn-primary{background-color:#3b82f6;line-height:24px;margin:0 auto}.btn-primary:hover{background-color:#2563eb}.btn-secondary{align-items:center;background-color:#9ca3af;border-radius:5px;box-sizing:border-box;display:flex;font-size:1.1rem;height:44px;justify-content:center;line-height:24px;padding:10px 20px;width:100%}.btn-secondary:hover{background-color:#6b7280}.mt-4.flex.justify-end.gap-2,.mt-6.flex.justify-end.gap-2{flex-direction:column;gap:10px;justify-content:center}.form-container .mt-4,.form-container .mt-6{display:flex;flex-direction:column;gap:10px}form button.cancel,form button.save{box-sizing:border-box;height:44px;padding:10px 20px}.btn-danger{background-color:#ef4444;border-radius:5px;color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-edit{background-color:#3b82f6;border-radius:5px;color:#fff;padding:.5rem}.btn-edit:hover{background-color:#2563eb}.login-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;margin:100px auto;padding:20px}.login-card{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;width:24rem}.login-logo-container{display:flex;justify-content:center;margin-bottom:.5rem}.login-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.error-message{color:red;margin-bottom:10px}.logout-button{background-color:#dc3545;padding:8px 16px;position:absolute;right:20px;top:20px}.logout-button:hover{background-color:#c82333}.loading-message{background-color:#eff6ff;border-radius:5px;color:#1d4ed8;margin-bottom:1rem;padding:1rem}.empty-state{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px -1px #0000001a;box-sizing:border-box;padding:2rem;text-align:center;width:100%}.debug-info{border-radius:5px;font-size:.75rem;margin-top:1rem;padding:.5rem}.debug-info,.table-header{background-color:#f3f4f6}.table-row-even{background-color:#f9fafb}.table-row:hover{background-color:#e5e7eb}.table-row td{line-height:40px;padding-bottom:0;padding-top:0}.table-row td,.table-row td span.truncate{overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.table-row td span.truncate{display:inline-block;max-width:100%}.table-col-date{max-width:60px;min-width:60px;width:60px}.table-col-project{max-width:150px;min-width:80px;width:40%}.table-col-desc{max-width:250px;min-width:100px;width:20%}.table-col-type{max-width:38px;min-width:38px;width:38px}.table-col-amount{max-width:90px;min-width:90px;text-align:right;white-space:nowrap;width:90px}.table-col-actions{max-width:45px;min-width:45px;text-align:center;width:45px}main{box-sizing:border-box;margin:0 auto;max-width:calc(100% - 10px);padding:0!important}.bg-white.shadow.overflow-hidden{border-radius:5px;box-sizing:border-box;max-width:100%;overflow-x:auto;width:100%}.summary-card .flex.justify-between.items-center.mb-4{align-items:center;display:flex;justify-content:space-between;width:100%}main>button,main>div{max-width:100%;width:100%}@media (min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-col-span-2{grid-column:span 2/span 2}.md-w-auto{width:auto}}@media (max-width:768px){table{font-size:14px}.week-navigation{flex-direction:row}.navbar{flex-direction:column;text-align:center}form{width:90%}}.vpn-status{display:flex;flex-direction:column;gap:.5rem;margin-left:1rem}.status-indicator{border-radius:5px;box-sizing:initial;display:inline-block;font-size:14px;font-weight:500;min-width:auto;padding:6px 12px;width:auto}.status-indicator.connected{background-color:#4caf50;color:#fff}.status-indicator.disconnected{background-color:#f44336;color:#fff}.status-indicator.checking{background-color:#ff9800;color:#fff}.last-check{color:#999;font-size:.9rem}.App,.last-check{text-align:center}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;justify-content:space-between;padding:1rem}.App-main{background-color:#f5f5f5;flex:1 1;padding:2rem}.content-container{margin:0 auto;max-width:1200px}.welcome-message{color:#333;font-size:1.5rem;margin-bottom:2rem}.three-column-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.column{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.column h2{color:#333;margin-bottom:1rem;margin-top:0;text-align:center}.list-container{border:1px solid #ddd;border-radius:4px;max-height:400px;overflow-y:auto}.list-item{border-bottom:1px solid #ddd;cursor:pointer;padding:.5rem;text-align:left;transition:background-color .2s}.list-item:last-child{border-bottom:none}.list-item:hover{background-color:#f5f5f5}.list-item.selected{background-color:#e3f2fd;color:#1976d2}.input-container{padding:1rem}.form-group{margin-bottom:1rem;text-align:left}.form-group label{color:#666;display:block;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}.btn-primary{background-color:#1976d2;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.btn-primary:hover{background-color:#1565c0}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.arbeitszeiten-liste{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:2rem;padding:1rem}table{border-collapse:collapse;margin-top:1rem;width:100%}td,th{border-bottom:1px solid #ddd;padding:.75rem;text-align:left}th{background-color:#f5f5f5;font-weight:600}tr:hover{background-color:#f9f9f9}.login-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:400px;padding:2rem}.error-message{background-color:#ffebee;border-radius:4px;color:#d32f2f;margin:1rem 0;padding:.5rem}.logout-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.logout-button:hover{background-color:#d32f2f}.logout-container{align-items:flex-end;display:flex;flex-direction:column}.logout-container .user-name{color:#4b5563;font-size:14px;margin-right:0;margin-top:.5rem;max-width:100%;text-align:right;white-space:nowrap;width:auto}.header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.header-help-button{align-items:center;background-color:#17a2b8;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:20px;font-weight:700;height:36px;justify-content:center;line-height:1;padding:0;width:36px}.header-help-button:hover{background-color:#138496}.help-modal-overlay{align-items:center;background-color:#00000073;display:flex;height:100vh;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100vw;z-index:2000}.help-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;box-sizing:border-box;max-height:90vh;overflow-y:auto;padding:1.25rem;width:min(600px,90vw)}.help-modal-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.help-modal-header h3{color:#1f2937;font-size:1.25rem;margin:0}.help-modal-close{background:#0000;border:none;color:#374151;cursor:pointer;font-size:1.5rem;font-weight:600}.help-modal-close:hover{color:#111827}.help-modal-body{color:#1f2937;line-height:1.6;text-align:left}.help-modal-body h1,.help-modal-body h2,.help-modal-body h3,.help-modal-body h4,.help-modal-body h5,.help-modal-body h6{color:#1f2937;font-weight:600;margin-bottom:.5em;margin-top:1.5em}.help-modal-body h1{border-bottom:2px solid #e5e7eb;font-size:1.75rem;padding-bottom:.5rem}.help-modal-body h2{font-size:1.5rem}.help-modal-body h3{font-size:1.25rem}.help-modal-body p{margin-bottom:1em}.help-modal-body ol,.help-modal-body ul{margin-bottom:1em;padding-left:1.5em}.help-modal-body li{margin-bottom:.5em}.help-modal-body code{background-color:#f3f4f6;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875em;padding:.125rem .375rem}.help-modal-body pre{background-color:#f3f4f6;border-radius:.5rem;margin-bottom:1em;overflow-x:auto;padding:1rem}.help-modal-body pre code{background-color:initial;padding:0}.help-modal-body strong{color:#111827;font-weight:600}.help-modal-body em{font-style:italic}.help-panel{background-color:#fefce8;border:1px solid #fcd34d;border-radius:6px;color:#1f2937;line-height:1.6;margin-top:1rem;padding:1rem;text-align:left}.help-panel h1,.help-panel h2,.help-panel h3,.help-panel h4,.help-panel h5,.help-panel h6{color:#1f2937;font-weight:600;margin-bottom:.5em;margin-top:1.5em}.help-panel h1{border-bottom:2px solid #e5e7eb;font-size:1.75rem;padding-bottom:.5rem}.help-panel h2{font-size:1.5rem}.help-panel h3{font-size:1.25rem}.help-panel p{margin-bottom:1em}.help-panel ol,.help-panel ul{margin-bottom:1em;padding-left:1.5em}.help-panel li{margin-bottom:.5em}.help-panel code{background-color:#f3f4f6;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875em;padding:.125rem .375rem}.help-panel pre{background-color:#f3f4f6;border-radius:.5rem;margin-bottom:1em;overflow-x:auto;padding:1rem}.help-panel pre code{background-color:initial;padding:0}.help-panel strong{color:#111827;font-weight:600}.help-panel em{font-style:italic}.help-panel .error-message{margin-bottom:.5rem}.app-footer{background-color:#f3f4f6;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;margin-top:auto;padding:.75rem 1rem;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.entries-container{box-sizing:border-box;margin:0 auto;max-width:800px;padding:10px}.view-toggle{margin-bottom:15px;text-align:right}.view-toggle .btn{background:#6c757d}.view-toggle .btn:hover{background:#5a6268}.cards-view{display:flex;flex-direction:column;gap:20px}.date-group{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.date-header{align-items:center;background:#e6f0ff;border-bottom:1px solid #bed8ff;color:#2c5282;display:flex;font-size:1.1em;font-weight:600;justify-content:space-between;margin:0;padding:12px 20px}.day-total{color:#4a5568;font-size:.9em}.cards-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:15px}.time-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 3px 6px #0000001a;overflow:hidden;position:relative;transition:all .2s ease-in-out}.time-card:hover{border-color:#c2c9d6;box-shadow:0 5px 15px #00000026;transform:translateY(-2px)}.card-table{border-collapse:collapse;margin-bottom:0;width:100%}.card-cell{border-bottom:1px solid #f0f0f0;font-size:14px;line-height:1.4;padding:10px}.card-cell:first-child{width:70%}.card-cell.text-right{text-align:right;width:30%}.card-cell.text-left{text-align:left}.card-row{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;display:flex;padding:12px}.card-row:first-child{background-color:#f8f9fa}.card-row:last-child{border-bottom:none}.card-content{grid-gap:10px;align-items:center;display:grid;flex-grow:1;gap:10px;grid-template-columns:1fr auto}.card-content>div:first-child{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.card-content>div:last-child{text-align:right;white-space:nowrap}.description-row{align-items:center;display:flex;justify-content:space-between;width:100%}.description-content{grid-gap:10px;align-items:center;display:grid;flex-grow:1;gap:10px;grid-template-columns:1fr auto auto}.description-text{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.description-type{text-align:right;white-space:nowrap}.card-actions{display:flex;justify-content:flex-end;margin-top:5px}.card-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between}.hours{color:#495057;font-weight:700}.edit-button{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:4px 8px}.edit-button:hover{background:#5a6268}.card-body{padding:15px}.project{color:#212529;font-weight:700}.project,.type{margin-bottom:8px}.type{color:#6c757d;font-size:.9em}.description{color:#495057;font-size:.9em;line-height:1.4}.list-view{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;width:100%}.entries-table{border-collapse:collapse;font-size:14px;table-layout:fixed;width:100%}.entries-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;overflow:hidden;padding:8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.entries-table td:first-child,.entries-table th:first-child{max-width:60px!important;min-width:60px!important;width:60px!important}.entries-table td:nth-child(2),.entries-table th:nth-child(2){min-width:150px!important;width:45%!important}.entries-table td:nth-child(3),.entries-table th:nth-child(3){min-width:120px!important;width:30%!important}.entries-table td:nth-child(4),.entries-table th:nth-child(4){max-width:60px!important;min-width:60px!important;text-align:right!important;width:60px!important}.entries-table td:nth-child(5),.entries-table th:nth-child(5){max-width:120px!important;min-width:80px!important;width:12%!important}.entries-table td:nth-child(6),.entries-table th:nth-child(6){max-width:50px!important;min-width:50px!important;padding:4px!important;text-align:center!important;width:50px!important}.entries-table td{border-bottom:1px solid #dee2e6;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.entries-table tr:hover{background-color:#f8f9fa}.entries-table button{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.entries-table button:hover{background:#5a6268}.btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-sm{font-size:.9em;padding:4px 8px}.btn-icon{background-color:#6c757d!important;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:4px 8px}.btn-icon:hover{background-color:#5a6268!important;transform:scale(1.05)}.date-row{background:#e6f0ff;font-weight:600}.date-row td{border-top:1px solid #bed8ff;color:#2c5282;padding:8px 15px}.date-row td:first-child{text-align:left}.date-row td:last-child{text-align:right}.totals-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;margin:10px 0;padding:10px;width:100%}.totals-grid{display:flex;flex-wrap:wrap;gap:15px}.total-item{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;gap:8px;min-width:140px;padding:4px 12px}.total-label{color:#495057;font-size:.9em}.total-value{color:#212529;font-weight:600}.entries-table .text-right{text-align:right}.entries-table .text-left{text-align:left}
/*# sourceMappingURL=main.0ceef0c5.css.map*/