*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f0f0f0;padding:20px}.header{background-color:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.header-top{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:15px}h1{color:#333;margin:0;flex-shrink:0}.header-right{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.user-bar{display:flex;align-items:center;gap:8px}.user-bar:empty{display:none}.user-info{display:flex;align-items:center;gap:8px}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;box-shadow:0 2px 4px #2196f34d}.user-name{font-weight:500;color:#333;font-size:14px}.admin-badge{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.fuehrungskraft-badge{background:linear-gradient(135deg,#ff9800,#f57c00)}.login-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700;background-color:#2196f3;color:#fff}.logout-btn{padding:4px 10px;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;background-color:transparent;color:#666;transition:all .2s}.logout-btn:hover{background-color:#f5f5f5;border-color:#999;color:#333}.occupancy-indicator{display:flex;align-items:center;gap:10px;background-color:#f5f5f5;padding:10px 15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.traffic-light{width:20px;height:20px;border-radius:50%;border:2px solid #333;transition:background-color .3s ease}.traffic-light.green{background-color:#4caf50;box-shadow:0 0 8px #4caf5099}.traffic-light.yellow{background-color:#ffc107;box-shadow:0 0 8px #ffc10799}.traffic-light.red{background-color:#f44336;box-shadow:0 0 8px #f4433699}.occupancy-text{font-weight:700;font-size:14px;color:#333}.occupancy-count{font-size:12px;color:#666}.legend{display:flex;gap:20px;margin-top:15px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px}.legend-box{width:30px;height:20px;border:3px solid;border-radius:8px}.legend-box.available{border-color:#4caf50}.legend-box.booked{border-color:#f44336}.legend-box.mine{border-color:#2196f3}.legend-box.morning{border-color:#ff9800;background:linear-gradient(to bottom,rgba(255,152,0,.3) 50%,transparent 50%)}.legend-box.afternoon{border-color:#ff9800;background:linear-gradient(to bottom,transparent 50%,rgba(255,152,0,.3) 50%)}.legend-box.reserved{border-color:#9c27b0;background-color:#9c27b04d}.legend-box.my-team-reserved{border-color:#9c27b0;border-style:dashed;background-color:#4caf5033}.main-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;min-width:0}.my-bookings-panel{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.my-bookings-panel h3{color:#2196f3;margin-bottom:15px;font-size:18px}.my-bookings-empty{color:#666;font-size:14px;text-align:center;padding:20px 0}.my-booking-card{padding:12px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.my-booking-card:last-child{margin-bottom:0}.my-booking-card:hover{border-color:#2196f3;background-color:#2196f30d}.my-booking-card.today{border-left:3px solid #2196f3}.my-booking-date{font-weight:700;color:#333;font-size:14px;margin-bottom:4px}.my-booking-today{background-color:#2196f3;color:#fff;font-size:11px;padding:1px 6px;border-radius:4px;margin-right:6px;font-weight:700}.my-booking-details{display:flex;justify-content:space-between;align-items:center}.my-booking-desk{color:#555;font-size:13px}.my-booking-slot{color:#666;font-size:12px;background-color:#f5f5f5;padding:2px 8px;border-radius:4px}.date-container{color:#333;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.date-navigator{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px;max-width:500px;margin-left:auto;margin-right:auto}.date-nav-btn{padding:6px 14px;border-radius:6px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:background .2s;flex-shrink:0}.date-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6,#6a4192)}.date-nav-btn:disabled{opacity:.3;cursor:not-allowed}.date-nav-label{color:#333;font-size:24px;font-weight:700;text-align:center;min-width:0}#floorplan-container{position:relative;display:inline-block;text-align:left}#floorplan{display:block;max-width:100%;height:auto}#desks-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#floorplan-container.past-date:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000026;pointer-events:none;z-index:10;border-radius:8px}#floorplan-container.past-date .desk-overlay{cursor:default}.desk-overlay{position:absolute;border:3px solid #4caf50;cursor:pointer;transition:all .2s ease;background-color:#4caf5026;border-radius:8px;pointer-events:auto}.desk-overlay:hover{border-width:4px;box-shadow:0 0 10px #0000004d}.desk-overlay.booked-full{border-color:#f44336;background-color:#f4433626}.desk-overlay.booked-mine{border-color:#2196f3;background-color:#2196f326}.desk-overlay.booked-morning{border-color:#ff9800;background:linear-gradient(to bottom,#ff98004d 50%,#4caf5026 50%)}.desk-overlay.booked-afternoon{border-color:#ff9800;background:linear-gradient(to bottom,#4caf5026 50%,#ff98004d 50%)}.desk-overlay.booked-both-halves{border-color:#ff5722;background:linear-gradient(to bottom,#ff98004d 50%,#9c27b04d 50%)}.desk-overlay.available{border-color:#4caf50;background-color:#4caf5026}.desk-overlay.reserved{border-color:#9c27b0;background-color:#9c27b026;cursor:not-allowed}.desk-overlay.my-team-reserved{border-color:#9c27b0;border-style:dashed;background-color:#4caf5026}.desk-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ffffffe6;padding:2px 6px;border-radius:3px;font-weight:700;font-size:12px;pointer-events:none}.desk-initials{position:absolute;bottom:3px;right:3px;background-color:#fffffff2;padding:2px 5px;border-radius:3px;font-weight:700;font-size:10px;color:#333;pointer-events:none}.desk-half-indicator{position:absolute;left:3px;font-size:8px;font-weight:700;background-color:#ffffffe6;padding:1px 3px;border-radius:2px;pointer-events:none}.desk-half-indicator.morning{top:3px}.desk-half-indicator.afternoon{bottom:3px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background-color:#fff;padding:30px;border-radius:8px;width:90%;max-width:400px;box-shadow:0 4px 6px #0000004d}.modal-header{margin-bottom:20px}.modal-header h2{color:#333}.booking-info{background-color:#f5f5f5;padding:15px;border-radius:5px;margin-bottom:20px}.booking-info p{margin:5px 0}.booking-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e0e0e0}.booking-item:last-child{border-bottom:none}.booking-item-info{flex:1}.booking-item-time{font-weight:700;color:#333}.booking-item-user{color:#666;font-size:14px}.booking-item-delete{padding:4px 8px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.time-slot-selector{display:flex;gap:10px;margin-bottom:15px}.time-slot-option{flex:1;padding:12px;border:2px solid #ddd;border-radius:8px;cursor:pointer;text-align:center;transition:all .2s}.time-slot-option:hover{border-color:#2196f3}.time-slot-option.selected{border-color:#2196f3;background-color:#2196f31a}.time-slot-option.disabled{opacity:.5;cursor:not-allowed;border-color:#f44336;background-color:#f443361a}.time-slot-label{font-weight:700;display:block}.time-slot-time{font-size:12px;color:#666}.button-group{display:flex;gap:10px;margin-top:20px}button{flex:1;padding:12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .2s}.btn-primary{background-color:#2196f3;color:#fff}.btn-primary:hover{background-color:#0b7dda}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#da190b}.btn-secondary{background-color:#757575;color:#fff}.btn-secondary:hover{background-color:#616161}.random-desk-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;margin:15px 0;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 8px #0003}.random-desk-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.random-desk-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes rainbow-cycle{0%{border-color:red;background-color:#ff00004d}14.29%{border-color:#ff7f00;background-color:#ff7f004d}28.57%{border-color:#ff0;background-color:#ffff004d}42.86%{border-color:#0f0;background-color:#00ff004d}57.14%{border-color:#00f;background-color:#0000ff4d}71.43%{border-color:indigo;background-color:#4b00824d}85.71%{border-color:#9400d3;background-color:#9400d34d}to{border-color:red;background-color:#ff00004d}}.desk-overlay.rainbow-animate{animation:rainbow-cycle 1.5s linear infinite;border-width:4px}.desk-overlay.selected-winner{animation:winner-pulse .6s ease-in-out 3;border-color:gold;background-color:#ffd70066;border-width:5px}@keyframes winner-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ffd700b3}50%{transform:scale(1.05);box-shadow:0 0 20px 10px #ffd70000}}.selection-popup{position:fixed;top:50%;right:-400px;transform:translateY(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px 30px;border-radius:12px 0 0 12px;box-shadow:-5px 5px 20px #0000004d;z-index:1002;max-width:350px;transition:right .5s ease-in-out}.selection-popup.show{right:0}.selection-popup h3{margin:0 0 15px;font-size:24px}.selection-popup .desk-number-display{font-size:48px;font-weight:700;text-align:center;margin:15px 0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.selection-popup .close-popup{background-color:#fff3;border:2px solid white;color:#fff;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;width:100%;margin-top:15px}.setup-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 8px #0003}.setup-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.error-message{background-color:#ffebee;color:#c62828;padding:15px;border-radius:4px;margin:20px}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#666}.loading-spinner{width:30px;height:30px;border:3px solid #f0f0f0;border-top-color:#2196f3;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}.admin-panel{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px}.admin-panel h3{color:#9c27b0;margin-bottom:15px;display:flex;align-items:center;gap:10px}.admin-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.admin-tab{padding:8px 16px;border:none;background:none;cursor:pointer;font-weight:700;color:#666;border-bottom:2px solid transparent;margin-bottom:-12px}.admin-tab.active{color:#9c27b0;border-bottom-color:#9c27b0}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.admin-table th{background-color:#f5f5f5;font-weight:700;color:#333}.admin-table tr:hover{background-color:#f9f9f9}.admin-action-btn{padding:4px 8px;margin:0 2px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.admin-action-btn.move{background-color:#ff9800;color:#fff}.admin-action-btn.delete{background-color:#f44336;color:#fff}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease}.login-overlay.hidden{opacity:0;pointer-events:none}.login-modal{background:#fff;padding:40px 50px;border-radius:16px;text-align:center;max-width:420px;width:90%;box-shadow:0 20px 60px #0000004d;transform:translateY(0);transition:transform .3s ease}.login-overlay.hidden .login-modal{transform:translateY(-20px)}.login-icon{color:#2196f3;margin-bottom:20px}.login-modal h2{color:#333;margin-bottom:15px;font-size:24px}.login-modal p{color:#666;margin-bottom:30px;line-height:1.5}.login-modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #2196f366}.login-modal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f380}.login-modal-btn:active{transform:translateY(0)}.login-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;padding:16px 28px;border-radius:50px;display:flex;align-items:center;gap:12px;font-weight:700;font-size:16px;box-shadow:0 4px 20px #4caf5066;z-index:3000;opacity:0;transition:transform .4s ease,opacity .4s ease}.login-toast.show{transform:translate(-50%) translateY(0);opacity:1}.admin-toast{position:fixed;bottom:20px;right:20px;padding:14px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;font-weight:500;font-size:14px;box-shadow:0 4px 12px #00000026;z-index:3000;opacity:0;transform:translateY(20px);transition:transform .3s ease,opacity .3s ease}.admin-toast.show{opacity:1;transform:translateY(0)}.admin-toast.success{background-color:#4caf50;color:#fff}.admin-toast.error{background-color:#f44336;color:#fff}.admin-settings{padding:10px 0}.admin-settings h4{margin:0 0 8px;font-size:1.1em}.settings-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:12px 16px;margin-bottom:15px;color:#92400e;font-size:.9em}.settings-row{display:flex;align-items:center}.settings-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95em}.settings-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.settings-toggle input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.zone-options{display:flex;flex-direction:column;gap:12px}.zone-option{display:flex;align-items:center;gap:15px;padding:16px 20px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.zone-option:hover{border-color:#2196f3;background-color:#2196f30d;transform:translate(4px)}.zone-icon{font-size:28px;flex-shrink:0;width:40px;text-align:center}.zone-label{font-weight:700;font-size:16px;color:#333;min-width:100px}.zone-desc{font-size:13px;color:#666;text-align:left}@media (max-width: 768px){.main-layout{grid-template-columns:1fr}body{padding:10px}.header{padding:15px}h1{font-size:1.2rem;margin-bottom:10px;padding-right:0}.header-top{gap:8px}.legend{gap:10px;font-size:13px}.legend-box{width:24px;height:16px;border-width:3px}.desk-overlay{border-width:4px!important}.desk-overlay.available{border-color:#4caf50!important;background-color:#4caf5040!important}.desk-overlay.booked-full{border-color:#f44336!important;background-color:#f4433640!important}.desk-overlay.booked-mine{border-color:#2196f3!important;background-color:#2196f340!important}.desk-overlay.booked-morning,.desk-overlay.booked-afternoon{border-color:#ff9800!important}.desk-overlay.reserved{border-color:#9c27b0!important;background-color:#9c27b040!important}.desk-overlay.my-team-reserved{border-color:#9c27b0!important;border-style:dashed!important;background-color:#4caf5040!important}.desk-number{font-size:10px;padding:1px 4px}.desk-initials{font-size:8px;padding:1px 3px}.random-desk-btn{width:100%;font-size:14px;padding:10px 16px}.setup-btn{width:100%}.selection-popup{max-width:280px;padding:20px}.selection-popup h3{font-size:18px}.selection-popup .desk-number-display{font-size:36px}.container{padding:10px}.date-container{font-size:18px}.date-nav-btn{padding:8px 16px;font-size:18px}.date-nav-label{font-size:18px}.modal-content{padding:20px;margin:10px}.login-modal{padding:30px 20px}.login-modal h2{font-size:20px}.admin-panel{padding:15px}.admin-table th,.admin-table td{padding:8px;font-size:13px}}@media (max-width: 480px){h1{font-size:1rem}.legend{flex-direction:column;gap:8px}.desk-overlay{border-width:5px!important}.time-slot-selector{flex-direction:column}.admin-tabs{flex-wrap:wrap}.admin-tab{padding:6px 12px;font-size:13px}}