*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);min-height:100vh;padding:20px;color:#333}.container{max-width:1200px;margin:0 auto}.login-card{background:#fff;border-radius:10px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,.1);max-width:400px;margin:100px auto}.login-card h1{text-align:center;margin-bottom:30px;color:#667eea}header{background:#fff;border-radius:10px;padding:20px 30px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.1)}header h1{color:#667eea}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:5px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:0;border-color:#667eea}.btn{padding:12px 24px;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:.3s}.btn-primary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;width:100%;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(102,126,234,.3);position:relative}.btn-primary.has-unsaved::before{content:'';position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#ffc107;border-radius:50%;border:2px solid #fff;animation:2s infinite pulse}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.btn-primary:hover{background:linear-gradient(135deg,#5568d3 0,#6a3d8f 100%);transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-danger{background:linear-gradient(135deg,#dc3545 0,#c82333 100%);color:#fff;padding:10px 20px;font-size:13px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 4px rgba(220,53,69,.2);transition:.2s}.btn-danger:hover{background:linear-gradient(135deg,#c82333 0,#bd2130 100%);transform:translateY(-1px);box-shadow:0 3px 6px rgba(220,53,69,.3)}.btn-danger:active{transform:translateY(0)}.editor-container{background:#fff;border-radius:12px;padding:30px 40px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.day-section{margin-bottom:20px;padding:20px 24px;background:#fff;border-radius:10px;border:2px solid #e9ecef;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:.3s}.day-section:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#dee2e6}.day-section:not(.collapsed){border-left:4px solid #667eea}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;user-select:none}.day-section h2{color:#495057;font-size:18px;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.toggle-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.toggle-btn.enabled{background:linear-gradient(135deg,#28a745 0,#20c997 100%);color:#fff}.toggle-btn.enabled:hover{background:linear-gradient(135deg,#218838 0,#1aa179 100%);transform:translateY(-1px);box-shadow:0 3px 6px rgba(40,167,69,.3)}.toggle-btn.disabled{background:linear-gradient(135deg,#dc3545 0,#c82333 100%);color:#fff}.toggle-btn.disabled:hover{background:linear-gradient(135deg,#c82333 0,#bd2130 100%);transform:translateY(-1px);box-shadow:0 3px 6px rgba(220,53,69,.3)}.day-disabled{opacity:.6;background:#e9ecef!important}.day-disabled .slots-container{pointer-events:none}.slots-container{display:flex;flex-direction:column;gap:10px}.slot-item{display:flex;align-items:flex-start;gap:20px;padding:20px;background:#fff;border-radius:8px;border:2px solid #e0e0e0;margin-bottom:15px;transition:.2s}.slot-item:hover{border-color:#667eea;box-shadow:0 2px 8px rgba(102,126,234,.1)}.slot-input-group{flex:1;display:flex;flex-direction:column;gap:6px}.slot-input-group label{font-weight:600;color:#495057;font-size:13px;text-transform:uppercase;letter-spacing:.3px}.slot-item input{padding:10px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:15px;font-weight:500;width:100%;transition:.2s;background:#fff}.slot-item input:focus{outline:0;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.slot-item input::placeholder{color:#adb5bd;font-weight:400}.input-help{font-size:11px;color:#6c757d;margin-top:-4px}.input-error{font-size:12px;color:#dc3545;margin-top:4px;padding:6px 8px;background:#fff5f5;border-radius:4px;border-left:3px solid #dc3545;display:none}.input-error.show{display:block}.slot-item .time-inputs{display:flex;align-items:center;gap:10px}.empty-day{color:#6c757d;font-style:italic;padding:20px;text-align:center;background:#f8f9fa;border-radius:6px;border:1px dashed #dee2e6}.actions{margin-top:30px;display:flex;gap:15px;justify-content:flex-end}.status-message{padding:16px 20px;border-radius:8px;margin-bottom:20px;display:none;font-size:14px;line-height:1.6;box-shadow:0 2px 8px rgba(0,0,0,.1);white-space:pre-line}.status-message.success{background:linear-gradient(135deg,#d4edda 0,#c3e6cb 100%);color:#155724;border:2px solid #28a745;display:block}.status-message.error{background:linear-gradient(135deg,#f8d7da 0,#f5c6cb 100%);color:#721c24;border:2px solid #dc3545;display:block;font-weight:500}.error-message{color:#dc3545;margin-top:15px;padding:10px;background:#f8d7da;border-radius:5px;display:none}.error-message.show{display:block}.add-slot-btn{background:linear-gradient(135deg,#28a745 0,#20c997 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;transition:.2s;box-shadow:0 2px 6px rgba(40,167,69,.3);text-transform:uppercase;letter-spacing:.5px}.add-slot-btn:hover{background:linear-gradient(135deg,#218838 0,#1aa179 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,167,69,.4)}.add-slot-btn:active{transform:translateY(0)}.mobile-nav{display:none;background:#fff;border-radius:10px;padding:15px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);justify-content:space-between;align-items:center}.mobile-nav .nav-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500}.mobile-nav .nav-btn:hover{background:#5568d3}.mobile-nav .current-day-label{font-size:18px;font-weight:600;color:#667eea}.collapse-btn{background:#667eea;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:20px;font-weight:700;margin-right:12px;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:.2s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.collapse-btn:hover{background:#5568d3;transform:scale(1.05);box-shadow:0 3px 6px rgba(0,0,0,.15)}.collapse-btn:active{transform:scale(.95)}.day-section.collapsed .day-summary,.day-section.collapsed .slots-container{display:none}.day-summary{margin-bottom:15px;padding:20px;background:#fff;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.hour-summary-label{font-weight:600;color:#495057;margin-bottom:15px;font-size:15px;text-transform:uppercase;letter-spacing:.5px}.timeline-legend{font-size:12px;font-weight:400;color:#6c757d;margin-left:10px}.legend-saved{color:#28a745}.legend-unsaved{color:#17a2b8}.legend-removed{color:#dc3545}.hour-columns{display:flex;flex-direction:column;gap:1px;max-height:400px;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px;padding:4px;background:#f8f9fa}@media (min-width:769px){.hour-columns{max-height:250px;gap:0;padding:2px}}.early-hours-toggle{margin-bottom:10px;text-align:center}.toggle-early-hours-btn{background:#6c757d;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:.2s}.toggle-early-hours-btn:hover{background:#5a6268;transform:translateY(-1px)}.hour-row{display:grid;grid-template-columns:70px 1fr;gap:4px;align-items:center;position:relative}.hour-row-gap{margin-top:3px;margin-bottom:3px}.hour-row-gap-block .hour-block-none{background:repeating-linear-gradient(45deg,#f8f9fa 0,#f8f9fa 4px,#e9ecef 4px,#e9ecef 8px);border:1px dashed #ffc107}@media (min-width:769px){.hour-row{grid-template-columns:50px 1fr;gap:2px}.hour-row-gap{margin-top:1px;margin-bottom:1px}.hour-row-gap-block .hour-block-none{background:repeating-linear-gradient(45deg,#f8f9fa 0,#f8f9fa 2px,#e9ecef 2px,#e9ecef 4px)}}.hour-row-gap-end::after,.hour-row-gap-start::after{content:'';position:absolute;left:70px;right:0;height:2px;background:repeating-linear-gradient(to right,#ffc107 0,#ffc107 6px,transparent 6px,transparent 12px);z-index:2;pointer-events:none;opacity:.8}.hour-row-gap-start::after{top:-1px}.hour-row-gap-end::after{bottom:-1px}@media (min-width:769px){.hour-row-gap-end::after,.hour-row-gap-start::after{left:50px;height:1.5px;background:repeating-linear-gradient(to right,#ffc107 0,#ffc107 4px,transparent 4px,transparent 8px);opacity:.9}}.hour-row-full::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:#adb5bd;z-index:1}.hour-row-half::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:#dee2e6;z-index:1}.hour-label{font-size:12px;font-weight:600;color:#495057;text-align:right;padding-right:8px;user-select:none}.hour-block{background:#e9ecef;border:1px solid #dee2e6;border-radius:3px;cursor:pointer;transition:.2s;height:24px;min-height:24px;position:relative}@media (min-width:769px){.hour-row-full::before{height:1.5px}.hour-row-half::before{height:.5px}.hour-label{font-size:11px;padding-right:6px}.hour-block{height:12px;min-height:12px;border-radius:2px}}.hour-block-none{background:#e9ecef;border-color:#dee2e6}.hour-block-saved{background:linear-gradient(135deg,#28a745 0,#20c997 100%);border-color:#1e7e34;box-shadow:inset 0 1px 2px rgba(255,255,255,.3)}.hour-block-unsaved{background:linear-gradient(135deg,#17a2b8 0,#138496 100%);border-color:#117a8b;box-shadow:inset 0 1px 2px rgba(255,255,255,.3)}.hour-block-removed{background:linear-gradient(135deg,#dc3545 0,#c82333 100%);border-color:#bd2130;box-shadow:inset 0 1px 2px rgba(255,255,255,.3);opacity:.6}.hour-block:hover{transform:scaleY(1.2);z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.2)}.time-input.invalid{border-color:#dc3545!important;background-color:#fff5f5!important;box-shadow:0 0 0 3px rgba(220,53,69,.1)!important}.time-input.invalid:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px rgba(220,53,69,.2)!important}@media (max-width:768px){.mobile-nav{display:flex}.login-card{margin:50px auto;padding:30px 20px}header{flex-direction:column;gap:15px;text-align:center}.slot-item{flex-direction:column;align-items:flex-start}.slot-item .time-inputs{width:100%}.actions{flex-direction:column}.actions .btn{width:100%}.hour-columns{max-height:300px}.hour-row{grid-template-columns:50px 1fr 1fr}.hour-label{font-size:11px}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background-color:#fff;margin:auto;padding:0;border-radius:12px;width:90%;max-width:800px;max-height:90vh;box-shadow:0 10px 40px rgba(0,0,0,.3);display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:2px solid #e9ecef;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:20px}.modal-close{background:0 0;border:none;color:#fff;font-size:28px;font-weight:700;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.modal-close:hover{background:rgba(255,255,255,.2)}.modal-body{padding:30px;overflow-y:auto;flex:1}.import-section{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.import-section h3{margin:0 0 15px;color:#495057;font-size:16px}.import-section input[type=file]{margin-bottom:10px;padding:8px;border:2px solid #dee2e6;border-radius:6px;width:100%;font-size:14px}.import-actions{display:flex;gap:10px;margin-bottom:15px}.import-section textarea{width:100%;min-height:300px;padding:15px;border:2px solid #dee2e6;border-radius:6px;font-family:Consolas,Monaco,'Courier New',monospace;font-size:13px;line-height:1.6;resize:vertical;margin-bottom:15px;background:#f8f9fa;tab-size:2;-moz-tab-size:2;white-space:pre;overflow-wrap:normal;overflow-x:auto}.import-section textarea:focus{outline:0;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.import-section button{margin-top:10px}.import-error{display:none;padding:15px;background:#f8d7da;color:#721c24;border:2px solid #dc3545;border-radius:6px;margin-top:20px;font-size:14px;white-space:pre-wrap}.import-error.show{display:block}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:2px solid #e9ecef}.changes-summary{max-height:400px;overflow-y:auto;margin:20px 0}.changes-list{display:flex;flex-direction:column;gap:20px}.change-item{padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.change-item h3{margin:0 0 10px;color:#667eea;font-size:18px}.change-status{margin:10px 0;font-size:14px}.change-status .removed{color:#dc3545;font-weight:700}.slots-changes{margin-top:10px}.slots-changes>div{margin:10px 0}.slots-changes strong{display:block;margin-bottom:5px;color:#495057;font-size:14px}.slots-changes ul{margin:5px 0 0 20px;padding:0;list-style-type:disc}.slots-changes li{margin:5px 0;font-size:14px;color:#495057}.removed-slots,.removed-slots li{color:#dc3545}.added-slots,.added-slots li{color:#28a745}.modified-slots{color:#ffc107}.modified-slots li{color:#856404}.change-highlight{background-color:#fff3cd;color:#856404;font-weight:700;padding:2px 4px;border-radius:3px;border:1px solid #ffc107}.no-changes{text-align:center;padding:20px;color:#6c757d;font-style:italic}