body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1e1e!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{border:none!important;border-radius:5px!important;cursor:pointer!important;font-family:inherit!important;font-size:16px!important;font-weight:500!important;margin:0 10px!important;outline:none!important;padding:10px 20px!important;transition:all .2s ease!important}button.active,button[data-active=true]{background-color:#4caf50!important;box-shadow:0 4px 8px #0003!important;color:#fff!important}button:not(.active),button[data-active=false]{background-color:#555!important;color:#e0e0e0!important}button:hover{box-shadow:0 5px 15px #0000004d!important;transform:translateY(-1px)!important}.plot-container{backface-visibility:hidden;border-radius:8px!important;box-shadow:0 4px 6px #0000001a!important;margin:20px auto!important;overflow:hidden!important;padding:20px!important;perspective:1000px;transform:translateZ(0);will-change:transform}.plot-container,.plot-container .main-svg{background-color:#1e1e1e!important}.plot-container .modebar{background-color:#1e1e1ecc!important}.plot-container .modebar-btn path{fill:#fff!important}.plot-container .modebar-btn.active path{fill:#4caf50!important}.plot-container .hoverlayer .hover-info{background-color:#1e1e1e!important;border-color:#333!important;color:#fff!important}@media (prefers-color-scheme:dark){body{background-color:#1e1e1e!important;color:#fff!important}}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-in}.time-range-container{flex-wrap:wrap!important}.time-range-container,.view-selection-container{display:flex!important;gap:10px!important;justify-content:center!important;margin:20px 0!important}.data-source-container{align-items:center;display:flex;flex-direction:column;gap:10px;margin:15px 0}.data-source{font-size:.9rem;text-align:center}.google-sheets-source{color:#4285f4;font-weight:700}.traditional-source{color:#ff5722;font-weight:700}.inferred-data{color:#ea4335;font-style:italic}.update-button{background-color:#4285f4!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;margin-top:5px!important;padding:8px 16px!important;transition:all .3s ease!important}.update-button:hover{background-color:#3367d6!important;box-shadow:0 4px 8px #0003!important;transform:translateY(-2px)!important}.update-button:disabled{background-color:#ccc!important;box-shadow:none!important;color:#666!important;cursor:not-allowed!important;transform:none!important}.update-notification{animation:slideIn .3s ease-out forwards;position:fixed;right:20px;top:20px;transition:all .3s ease-out!important;z-index:1000}.update-notification-content{align-items:center;background-color:#4285f4e6;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-weight:500;gap:10px;padding:12px 20px}.update-icon{animation:spin 1s linear infinite;font-size:18px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.connection-status{align-items:center;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:15px}.connection-indicator{border-radius:50%;height:12px;transition:all .3s ease;width:12px}.connection-indicator.connected{animation:pulse 2s infinite;background-color:#4caf50;box-shadow:0 0 8px #4caf50}.connection-indicator.disconnected{background-color:#f44336;box-shadow:0 0 8px #f44336}@keyframes pulse{0%{box-shadow:0 0 0 0 #4caf50b3}70%{box-shadow:0 0 0 6px #4caf5000}to{box-shadow:0 0 0 0 #4caf5000}}.connection-status-container{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.connection-actions{display:flex;gap:10px;margin-top:5px}.reconnect-button{background-color:#f44336!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;margin:0!important;padding:8px 16px!important;transition:all .3s ease!important}.reconnect-button:hover{background-color:#d32f2f!important;box-shadow:0 4px 8px #0003!important;transform:translateY(-2px)!important}.refresh-button{background-color:#2196f3!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;margin:0!important;padding:8px 16px!important;transition:all .3s ease!important}.refresh-button:hover{background-color:#1976d2!important;box-shadow:0 4px 8px #0003!important;transform:translateY(-2px)!important}.reconnect-button:disabled,.refresh-button:disabled{background-color:#ccc!important;box-shadow:none!important;color:#666!important;cursor:not-allowed!important;transform:none!important}.reload-button{background-color:#9c27b0!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;margin:0!important;padding:8px 16px!important;transition:all .3s ease!important}.reload-button:hover{background-color:#7b1fa2!important;box-shadow:0 4px 8px #0003!important;transform:translateY(-2px)!important}.reload-button:disabled{background-color:#ccc!important;box-shadow:none!important;color:#666!important;cursor:not-allowed!important;transform:none!important}.connection-actions .update-button{background-color:#ff9800!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;margin:0!important;padding:8px 16px!important;transition:all .3s ease!important}.connection-actions .update-button:hover{background-color:#f57c00!important;box-shadow:0 4px 8px #0003!important;transform:translateY(-2px)!important}.connection-actions .update-button:disabled{background-color:#ccc!important;box-shadow:none!important;color:#666!important;cursor:not-allowed!important;transform:none!important}.auto-refresh-indicator{background-color:#0003;border-radius:12px;color:#aaa;font-size:12px;margin-left:10px;padding:4px 8px}.fade-style{transition:opacity .5s ease-in-out!important}.js-plotly-plot,.plot-container{transition:none!important}