body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background-color:#1e1e1e;color:#fff;font-family:Segoe UI,sans-serif;height:100%;overflow-x:hidden;width:100%}.app-container{display:flex;height:100%;overflow:hidden}.sidebar{background-color:#18191f;box-shadow:4px 0 12px #0009;height:100%;left:-250px;padding:20px;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:10}.sidebar-open{left:0}.sidebar-header{align-items:center;display:flex;justify-content:space-between}.sidebar-close-btn{background:none;border:none;color:#fff;cursor:pointer}.sidebar-nav{display:flex;flex-direction:column;gap:20px;margin-top:30px}.sidebar-item{background:#3b3f47;border:none;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#ddd;cursor:pointer;font-size:20px;padding:12px 16px;text-align:left;transition:background-color .3s ease}.sidebar-item:hover{background-color:#4e535c;color:#fff}.sidebar-overlay{background-color:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:5}.main-content{display:flex;flex-direction:column;flex-grow:1;margin-left:0;transition:margin-left .3s ease;width:100%}.header{align-items:center;background-color:#18191f;box-shadow:0 4px 8px #0006;display:flex;flex-wrap:wrap;font-size:30px;font-weight:700;gap:15px;height:150px;padding:15px 20px}.header-title{margin-left:50px}.sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer}.header-logos{align-items:center;display:flex;flex-wrap:wrap;gap:2vw;margin-left:auto}.header-logo{filter:drop-shadow(0 0 10px rgba(255,255,255,.9));height:auto;max-width:120px;min-width:60px;object-fit:contain;transition:transform .3s ease;width:8vw}.header-logo:hover{transform:scale(1.01)}.logo-msd{max-width:100px;width:7vw}.logo-seelab{max-width:160px;width:12vw}.body-container{display:flex;flex:1 1;overflow:hidden}.left-panel{background-color:#2c2f36;flex:3 1;flex-direction:column;padding:15px}.left-panel,.right-panel{align-items:center;display:flex}.right-panel{background-color:#1e1f26;border-left:1px solid #444;flex:1 1;flex-direction:column;padding:20px;position:relative}.right-panel h2{background-color:#1e1f26;margin-bottom:20px;padding:10px 0;position:sticky;text-align:center;top:0;width:100%;z-index:1}.picture-box{aspect-ratio:16/9;background-color:#696969;box-shadow:0 0 10px #0009;margin:20px auto;max-width:1280px;overflow:hidden;position:relative}.picture-box,.stream-image{border-radius:12px;width:100%}.stream-image{height:100%;object-fit:contain}.loading-text{align-items:center;color:#888;font-size:28px;height:100%;text-align:center}.floating-buttons,.loading-text{display:flex;justify-content:center}.floating-buttons{flex-wrap:wrap;gap:50px;margin-bottom:20px;margin-top:20px}.floating-button{background-color:#3b3f47;border:none;border-radius:10px;box-shadow:0 4px 10px #0006;color:#fff;cursor:pointer;font-size:1.1rem;min-width:120px;padding:12px 24px;transition:.2s}.floating-button.active,.floating-button:hover{background-color:#4e535c}.toggle-mode-button{background-color:#3b3f47;border:none;border-radius:8px;box-shadow:0 4px 8px #0006;color:#fff;cursor:pointer;font-size:16px;margin-left:auto;padding:12px 24px;transition:background-color .2s ease}.toggle-mode-button:hover{background-color:#4e535c}.report-info{color:#ccc;font-size:25px;text-align:left}.card-scroll-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:15px;overflow-y:auto;padding-right:5px;scrollbar-width:none;width:100%}.card-scroll-container::-webkit-scrollbar{display:none}.report-card{align-items:flex-start;background-color:#2c2f36;border-radius:10px;box-shadow:0 2px 6px #0006;color:#fff;display:flex;flex-direction:column;gap:10px;padding:15px;transition:transform .2s ease;width:80%}.report-card:hover{transform:scale(1.02)}.report-image{border-radius:8px;height:auto;max-height:200px;object-fit:contain;width:100%}.report-text{color:#ddd;font-size:20px;padding-left:4px;text-align:left;width:100%}.login-page{align-items:center;background-color:#2c2f36;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.login-title{font-size:36px;font-weight:700;margin-bottom:30px}.login-logos{display:flex;flex-wrap:wrap;gap:3vw;justify-content:center;margin-bottom:30px}.login-button{background-color:#3b3f47;border:none;border-radius:8px;box-shadow:0 4px 10px #0006;color:#fff;cursor:pointer;font-size:18px;padding:12px 24px;transition:background-color .3s ease}.login-button:hover{background-color:#4e535c}.login-form{display:flex;flex-direction:column;gap:20px;margin-top:20px;width:300px}.login-input{background-color:#4e535c;border:1px solid #444;border-radius:6px;color:#fff;font-size:16px;padding:12px}.login-input::placeholder{color:#bbb}@media (max-width:768px){.body-container{flex-direction:column}.right-panel{border-left:none;border-top:1px solid #444}.header{flex-wrap:wrap;font-size:20px;height:auto;padding:10px}.picture-box{height:auto;max-width:100%}.header-logo{width:15vw}.logo-msd{width:12vw}.logo-seelab{max-width:160px;width:12vw}.report-image{height:60px}}
/*# sourceMappingURL=main.7ad498c0.css.map*/