@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.display-manager{padding:24px}.display-manager-title{font-size:1.5rem;margin-bottom:32px}.screen-list{display:flex;flex-direction:column;gap:16px}.screen-card{align-items:center;background-color:#e5e5e6;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.screen-info h2{font-size:1.25rem;margin:0}.screen-info p{color:#666;margin:4px 0 0}.screen-actions{gap:16px}.container,.screen-actions{align-items:center;display:flex}.container{height:100vh;justify-content:center}.portal-button{background-color:#3c3c3c;border:none;border-radius:15px;padding:10px 20px;transition:transform .2s}.portal-button,.sign-out-button{color:#fff;cursor:pointer;font-family:Rubik,sans-serif}.sign-out-button{background-color:red;border:none;border-radius:5px;padding:5px 10px}.loading-spinner-container{align-items:center;background-color:#ffffffe6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-top-color:#424242;height:50px;width:50px}.dashboard{padding:24px}.dashboard-title{font-size:2rem;margin-bottom:32px}.location-list{display:flex;flex-direction:column;gap:16px}.location-card{align-items:center;background-color:#e5e5e6;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.location-info h2{font-size:1.25rem;margin:0}.location-info p{color:#666;margin:4px 0 0}.location-actions{align-items:center;display:flex;gap:16px}.status-badge{background-color:#fff;border:1px solid;border-radius:4px;padding:4px 12px}.status-badge.online{border-color:#22c55e;color:#22c55e}.status-badge.offline{border-color:#ef4444;color:#ef4444}.status-badge.pending{border-color:#ffae00;color:#ffae00}.button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-family:Rubik,sans-serif;font-size:14px;font-weight:500;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.button-animate{transition:all .3s ease}.button-animate:active{transform:scale(.95)}.button-display{color:#fff;margin-right:10px}.button-display.display-on{background-color:#38a169}.button-display.display-on:hover{background-color:#2f855a}.button-display.display-off{background-color:#e53e3e}.button-display.display-off:hover{background-color:#c53030}.button-schedule{background-color:#60a5fa}.button-schedule.active{background-color:#4a90e2}.button-content{background-color:#3182ce;color:#fff}.button-content:hover{background-color:#2b6cb0}.button-content.active{background-color:#2c5282}.schedule-picker{animation:slideDown .3s ease-out;background-color:#f8f8f8;border-radius:8px;margin-top:8px;padding:16px}.schedule-picker-content{max-width:500px}.schedule-picker h3{font-size:1.1rem;margin:0 0 20px}.schedule-inputs{display:flex;gap:24px;margin-bottom:24px}.schedule-input-group{display:flex;flex-direction:column;gap:8px}.schedule-input-group label{color:#666;font-size:.875rem}.schedule-input-group input{border:1px solid #ddd;border-radius:4px;padding:8px}.schedule-actions{display:flex;gap:12px}.button-cancel{background-color:#9ca3af}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.days-of-week{display:flex;gap:8px;margin-bottom:24px}.day-button{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.day-button:hover{background-color:#f3f4f6}.day-button.selected{background-color:#60a5fa;border-color:#60a5fa;color:#fff}.content-section{margin:20px 0}.content-upload,.current-content{margin:15px 0}.content-preview{border:1px dashed #ccc;border-radius:4px;margin:10px 0;padding:20px;text-align:center}.file-input{display:none}.button-upload{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:inline-block;padding:8px 16px}.button-upload:hover{background-color:#e0e0e0}.preview-image{border-radius:4px;height:auto;max-width:100%}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.button.loading{cursor:wait;opacity:.8}.upload-container{margin:20px auto;max-width:400px;width:100%}.upload-progress-item{margin-bottom:15px}.upload-file-name{font-size:14px;margin-bottom:5px}.progress-bar-container{background-color:#e0e0e0;border-radius:4px;overflow:hidden;width:100%}.progress-bar{background-color:#4caf50;height:10px;transition:width .3s ease-in-out;width:0}.progress-percentage{font-size:12px;text-align:right}.video-component-container{align-items:center;display:flex;flex-direction:column;margin-top:20px;max-width:400px;width:fit-content}.video-component-container.settings-active{border-radius:8px;outline:2px solid red;outline-offset:2px}.slot-controls,.video-slot-container{max-width:400px;width:100%}.slot-controls{background-color:#e5e5e6;border-top-left-radius:5px;border-top-right-radius:5px;justify-content:space-between}.slot-controls,.slot-title{align-items:center;display:flex}.slot-title{flex-grow:1;font-size:16px;gap:8px;margin:15px;text-align:left}.promotion-label{background-color:#10b981;border:1px solid #059669;border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.slot-calendar,.slot-status{display:flex;gap:20px}.upload-success{color:green}.processing-container{height:100%;margin:10px 0;max-width:400px;text-align:center;width:100%}.processing-animation{animation:spin 1s ease-in-out infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#3498db;display:inline-block;height:20px;width:20px}.thumbnail-container{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.thumbnail-container.rotated{height:300px}.thumbnail-image{max-width:100%;object-fit:contain}.thumbnail-image.rotated{max-height:300px;max-width:300px;transform:rotate(90deg);transform-origin:center}.thumbnail-container.disabled{filter:grayscale(100%);opacity:.9;position:relative;transition:filter .3s ease,opacity .3s ease}.thumbnail-container.disabled:hover{filter:grayscale(0);opacity:.9}.disabled-overlay{align-items:center;animation:fadeIn .5s ease-in-out;background-color:#00000080;color:#fff;display:flex;font-family:Rubik,sans-serif;font-size:15px;font-weight:700;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;text-transform:uppercase;top:0;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.failed-thumbnail{border:1px dashed #000;padding:20px;text-align:center}.file-uploader-container{max-width:400px;width:100%}.disable-button,.enable-button,.settings-button{background-color:#2c5282;border:0 solid #000;border-radius:4px;color:#fff;cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:500;margin:6px 7.5px 6px 6px;min-width:70px;outline:none;padding:7.5px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.disable-button:hover{background-color:red}.disable-button:hover,.enable-button:hover{background-image:none;transition:all .3s ease}.enable-button:hover{background-color:#15b337}.settings-button:hover{background-color:#4a5568;background-image:none;transition:all .3s ease}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:600px;min-width:400px;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e5e5e6;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.modal-title{color:#333;font-family:Rubik,sans-serif;font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:24px;height:30px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:30px}.modal-close:hover{background-color:#e5e5e6;color:#333}.modal-body{padding:24px}@media (max-width:480px){.modal-content{margin:20px;min-width:90vw}.modal-header{padding:16px 20px}.modal-body{padding:20px}}.slot-settings{font-family:Rubik,sans-serif}.settings-section{margin-bottom:24px}.settings-section h3{border-bottom:1px solid #e5e5e6;color:#333;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.setting-item{margin-bottom:16px}.setting-item label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.checkbox-label{align-items:center;cursor:pointer;display:flex!important}.checkbox-label input[type=checkbox]{margin-bottom:0;margin-right:8px}.slider-label{align-items:center;cursor:pointer;display:flex!important;justify-content:space-between;margin-bottom:6px!important}.slider-container{display:inline-block;position:relative}.slider-input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;cursor:pointer;display:inline-block;height:24px;position:relative;transition:background-color .3s ease;width:50px}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:transform .3s ease;width:18px}.slider-input:checked+.slider{background-color:#2c5282}.slider-input:checked+.slider:before{transform:translateX(26px)}.slider:hover{box-shadow:0 0 4px #2c52824d}.slider.disabled{background-color:#e5e5e5!important;cursor:not-allowed}.slider.disabled:before{background-color:#ccc!important}.slider.disabled:hover{box-shadow:none!important}.setting-item input,.setting-item select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-family:Rubik,sans-serif;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.setting-item input:focus,.setting-item select:focus{border-color:#2c5282;box-shadow:0 0 0 2px #2c52821a;outline:none}.setting-item input[type=number]{width:120px}.setting-item input[type=time]{width:150px}.setting-item input[type=datetime-local]{width:250px}.setting-item input[type=checkbox]{margin:0;width:auto}.setting-item input.disabled,.setting-item input:disabled{background-color:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed}.setting-item input.disabled:focus,.setting-item input:disabled:focus{border-color:#ddd;box-shadow:none}.settings-actions{border-top:1px solid #e5e5e6;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px}.cancel-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-family:Rubik,sans-serif;font-size:14px;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268}.save-button{background-color:#2c5282;color:#fff}.save-button:hover{background-color:#2a4d7a}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545}.error-message,.warning-message{font-size:14px;margin-bottom:16px;padding:12px}.warning-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404}.info-message{background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:4px;color:#0c5460;font-size:14px;margin-bottom:16px;padding:12px}.auto-disabled-note{color:#856404;font-size:12px;font-style:italic;font-weight:400}@media (max-width:480px){.settings-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}
/*# sourceMappingURL=main.bb7191a4.css.map*/