:root{--bs-body-bg: #ffffff;--bs-body-color: #000000;--bs-secondary-bg: #f8f9fa;--bs-tertiary-bg: #e9ecef;--bs-border-color: #d3d2d2}[data-bs-theme=Dunkelmodus]{--bs-body-bg: #1a1a1a;--bs-body-color: #ffffff;--bs-secondary-bg: #2d2d2d ;--bs-tertiary-bg: #3d3d3d ;--bs-border-color: #495057 }.day-header{width:20%;font-weight:700;padding:5px;border-bottom:2px solid #dee2e6}.time-axis{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;padding:8px 0;border-bottom:1px solid #dee2e6}.time-slot{text-align:center;font-size:.8rem;color:#6c757d;height:40px;position:relative}.employee-rows{display:grid;gap:8px;padding:0 10px}.employee-row{display:grid;grid-template-columns:120px 1fr;align-items:center}.employee-name{padding:8px;font-weight:500;border-right:1px solid #dee2e6}.time-blocks{display:grid;grid-template-columns:repeat(10,1fr);height:40px}.time-block{padding:8px 4px;margin:2px 0;border-radius:4px;color:#fff;font-size:.85rem;height:30px;overflow:hidden}.bg-primary{background-color:#6ec1e4!important}.bg-info{background-color:#17a2b8!important}.bg-success{background-color:#28a745!important}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-header{text-align:center;font-weight:700;padding:8px;background:var(--bs-secondary-bg);border-bottom:2px solid var(--bs-border-color)}.calendar-day{min-height:80px;border:1px solid var(--bs-border-color);padding:4px;background:var(--bs-body-bg);color:var(--bs-body-color)}.calendar-day.empty{background-color:var(--bs-tertiary-bg);border:1px dashed var(--bs-border-color)}.day-number{text-align:right;font-weight:700;margin-bottom:4px}.day-shifts{display:flex;flex-direction:column;gap:2px}.badge{font-size:.75rem;font-weight:400;width:100%;overflow:hidden;text-overflow:ellipsis}.btn-outline-info{transition:all .3s ease}.btn-outline-info:hover{background-color:#6ec1e4;color:#fff;border-color:#6ec1e4}.list-group-item:hover{background-color:var(--bs-tertiary-bg);color:var(--bs-body-color);cursor:pointer}.list-group .list-group-item{height:48px;display:flex;align-items:center}.list-group-item.active{background-color:transparent;color:inherit;border-color:transparent}#wocheView{display:flex;flex-direction:column;width:100%}#wocheView>.week-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%}#weekEmployeeRows{display:flex;flex-direction:column;gap:6px;width:100%}#weekEmployeeRows>.employee-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;height:42px}#wocheView>.week-grid .day-header{height:48px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid lightblue;background-color:#add8e6;border-radius:4px;color:#fff;width:100%}#weekEmployeeRows .day-slot{position:relative;height:100%;padding:2px;border-left:solid 1px var(--bs-border-color);border-right:solid 1px var(--bs-border-color)}#wocheView .time-block{height:100%;border-radius:4px;position:relative;overflow:hidden;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3);background-color:var(--bs-border-color)}#wocheView .time-block.bg-primary,#tagView .time-block.bg-primary{background-color:#6ec1e4}#tagView .time-block.bg-secondary{background-color:#6c757d}.employee-row{opacity:1;transition:opacity .3s ease}.employee-row.dimmed,.shift-block.dimmed{opacity:.3}.shift-block.swappable{border:2px solid #0d6efd;box-shadow:0 0 10px #0d6efd80;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{box-shadow:0 0 10px #0d6efd80}50%{box-shadow:0 0 20px #0d6efdcc}}#tagView{display:flex;flex-direction:column;width:100%}#tagView .time-axis{display:grid;grid-template-columns:repeat(auto-fill,minmax(Xpx,1fr));gap:4px;padding:8px 0;border-bottom:6px solid lightblue;height:48px;background-color:#add8e6;border-radius:4px;width:100%;font-weight:700}#dayEmployeeRows{position:relative;display:flex;flex-direction:column;gap:4px;padding:4px 0;width:100%;background-size:100% 100%,100% 30px;background-position:0 0,0 50%;background-repeat:no-repeat}#dayEmployeeRows .employee-row{display:grid;grid-template-columns:repeat(var(--total-hours),minmax(0,1fr));gap:4px;width:100%;height:42px}#dayEmployeeRows .time-block{position:relative;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.3);background-color:var(--bs-border-color);z-index:2}#dayEmployeeRows .time-block.bg-primary{background-color:#6ec1e4}#dayEmployeeRows .time-block.bg-secondary{background-color:#6c757d}#dayEmployeeRows .employee-row.dimmed .time-block{opacity:.3}.calendar-day.holiday{background-color:#fff0f0;border:1px solid #ffcccc}.holiday-name{font-size:10px;color:#6ec1e4;font-weight:700;margin-bottom:5px;padding:2px;background:var(--bs-secondary-bg);border-radius:3px;text-align:center}.day-number{text-align:right;font-weight:700;margin-bottom:4px;font-size:.9rem}.shift-block{background-color:#6ec1e4;color:#fff;font-size:.7rem;border-radius:3px;margin:2px 0;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-block.short{width:40%}.shift-block.medium{width:70%}.shift-block.long{width:95%}.shift-block.bg-success{background-color:#28a745}.shift-block.bg-secondary{background-color:#6c757d}.dimmed{opacity:.2}.time-block{cursor:pointer}.time-block:hover{transform:scale(1.01);box-shadow:0 2px 8px #0003}.shift-block.clickable{cursor:pointer}.shift-block.clickable:hover{transform:scale(1.01);box-shadow:0 2px 8px #0003}.calendar-day{cursor:pointer}.calendar-day:hover{transform:scale(1.01)}.shift-block{background-color:#6ec1e4}.shift-block.shift-request{background-color:#f7b731}.ansicht{flex:1;padding:2px}.btn-outline-primary{--bs-btn-color: #6EC1E4;--bs-btn-border-color: #6EC1E4;--bs-btn-hover-bg: #6EC1E4;--bs-btn-hover-border-color: #6EC1E4}.btn-primary{--bs-btn-color: white;--bs-btn-border-color: #6EC1E4;--bs-btn-hover-bg: #65adcc;--bs-btn-hover-border-color: #6EC1E4;--bs-btn-bg: #6EC1E4}.btn-confirmAll{--bs-btn-color: white;--bs-btn-border-color: #20BF6B;--bs-btn-hover-bg: #0ba151;--bs-btn-hover-border-color: #20BF6B;--bs-btn-bg: #20BF6B}.global-loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#ffffff80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999}.loading-content{text-align:center;background:var(--bs-secondary-bg);padding:2rem;border-radius:10px;box-shadow:0 0 20px #0003}.loading-steps{text-align:left}.loading-step{padding:.5rem 0;display:flex;align-items:center;gap:.5rem}.loading-step.done{color:#28a745}.form-select{cursor:pointer;transition:all .2s ease-in-out}.form-select:hover{background-color:var(--bs-tertiary-bg);border-color:var(--bs-primary);box-shadow:0 0 0 .2rem #007bff40}footer{position:fixed;bottom:0;left:0;width:100%;z-index:1000}#app{padding-bottom:60px}