*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#00a8cc;--secondary-color:#0077b6;--accent-color:#48cae4;--bg-dark:#1a1a1a;--bg-medium:#2a2a2a;--bg-card:#2f2f2f;--text-primary:#fff;--text-secondary:#b0b0b0;--status-green:#00c851;--status-orange:#f80;--status-red:#f44;--sidebar-width-collapsed:70px;--sidebar-width-expanded:240px;--transition-speed:0.3s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;background-color:var(--bg-dark);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#2a2a2a;background:var(--bg-medium)}::-webkit-scrollbar-thumb{background:#00a8cc;background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#48cae4;background:var(--accent-color)}.App{display:flex;min-height:100vh;width:100%}.main-content{background-color:var(--bg-dark);display:flex;flex:1 1;flex-direction:column;margin-left:var(--sidebar-width-collapsed);transition:margin-left var(--transition-speed) ease}.main-content.expanded{margin-left:var(--sidebar-width-expanded)}.page-content{flex:1 1;overflow-y:auto;padding:20px}@media (max-width:768px){.main-content{margin-left:0}.page-content{padding:10px}}.sidebar{background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border-right:1px solid var(--primary-color);display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;position:fixed;top:0;transition:width var(--transition-speed) ease;width:var(--sidebar-width-collapsed);z-index:1000}.sidebar.expanded{width:var(--sidebar-width-expanded)}.sidebar-header{gap:15px;padding:20px 15px}.menu-toggle,.sidebar-header{align-items:center;display:flex}.menu-toggle{background:#0000;border:none;color:var(--primary-color);cursor:pointer;font-size:24px;justify-content:center;padding:5px;transition:color .3s}.menu-toggle:hover{color:var(--accent-color)}.sidebar-title{color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:2px;white-space:nowrap}.sidebar-divider{background:linear-gradient(90deg,#0000 0,var(--primary-color) 50%,#0000 100%);height:1px;margin:0 10px 20px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:5px;padding:0 10px}.nav-item{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;gap:15px;overflow:hidden;padding:15px;position:relative;text-decoration:none;transition:all .3s}.nav-item:hover{background-color:#00a8cc1a;color:var(--primary-color)}.nav-item.active{background:linear-gradient(90deg,#00a8cc33,#00a8cc0d);border-left:3px solid var(--primary-color);color:var(--primary-color)}.nav-icon{align-items:center;display:flex;font-size:20px;justify-content:center;min-width:20px}.nav-label{font-size:15px;font-weight:500;white-space:nowrap}.sidebar-footer{border-top:1px solid #00a8cc33;padding:20px 15px}.footer-text{color:var(--text-secondary);font-size:12px;text-align:center}.footer-text p:first-child{color:var(--primary-color);font-weight:600;margin-bottom:5px}.version{opacity:.6}.sidebar .footer-text,.sidebar .nav-label,.sidebar .sidebar-title{opacity:0;transition:opacity .2s}.sidebar.expanded .footer-text,.sidebar.expanded .nav-label,.sidebar.expanded .sidebar-title{opacity:1;transition:opacity .3s .1s}.header{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-bottom:2px solid var(--primary-color);box-shadow:0 2px 10px #0000004d;justify-content:space-between;padding:15px 30px}.header,.header-left{align-items:center;display:flex}.header-left{gap:20px}.logo-container{align-items:center;display:flex}.logo-placeholder{background:linear-gradient(135deg,#00a8cc1a,#0077b61a);border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);font-size:24px;font-weight:700;letter-spacing:3px;padding:8px 16px}.header-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:25px}.system-time{color:var(--text-secondary);font-family:Courier New,monospace;font-size:16px;font-weight:500}.system-status{align-items:center;background-color:#00c8511a;border:1px solid var(--status-green);border-radius:20px;display:flex;gap:8px;padding:8px 16px}.system-status.offline{background-color:#ff44441a;border-color:var(--status-red)}.status-dot{background-color:var(--status-green);height:10px;width:10px}.system-status.offline .status-dot{animation:none;background-color:var(--status-red)}.status-text{color:var(--status-green);font-size:14px;font-weight:500}.system-status.offline .status-text{color:var(--status-red)}@media (max-width:1024px){.header-title{font-size:16px}}@media (max-width:768px){.header{flex-direction:column;gap:15px}.header-title{display:none}}.dashboard{animation:fadeIn .5s ease-in;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-header{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-medium) 100%);border-radius:12px;box-shadow:0 4px 12px #0000004d;justify-content:space-between;margin-bottom:25px;padding:25px}.status-header,.status-info{align-items:center;display:flex}.status-info{gap:20px}.status-title{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.status-badge{align-items:center;border:2px solid;border-radius:25px;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 20px}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:12px;width:12px}.animation-controls{align-items:center;display:flex;gap:10px}.control-btn{align-items:center;background:var(--bg-medium);border:1px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s;width:40px}.control-btn:hover{box-shadow:0 4px 8px #00a8cc4d;transform:translateY(-2px)}.control-btn.primary,.control-btn:hover{background:var(--primary-color);color:var(--bg-dark)}.control-btn.primary:hover{background:var(--accent-color)}.cycle-counter{background:var(--bg-medium);border:1px solid #00a8cc33;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;padding:10px 15px}.main-status-card{background:var(--bg-card);border:1px solid #00a8cc33;border-radius:12px;box-shadow:0 4px 12px #0000004d;margin-bottom:25px;padding:25px}.status-grid{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:400px 1fr 400px}.status-messages h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 15px}.message-item{background:var(--bg-medium);border-left:3px solid;border-radius:8px;margin-bottom:10px;padding:15px;transition:all .3s}.message-item:hover{box-shadow:0 2px 8px #0003;transform:translateX(5px)}.message-text{color:var(--text-primary);font-size:14px;line-height:1.5;margin-bottom:8px}.message-prediction{align-items:center;border-top:1px solid #ffffff0d;display:flex;font-size:13px;gap:8px;padding-top:8px}.prediction-icon{font-size:14px}.prediction-prob{font-weight:700}.assets-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.asset-card{background:var(--bg-card);border:1px solid #00a8cc33;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;padding:20px;transition:all .3s}.asset-card:hover{border-color:var(--primary-color);box-shadow:0 6px 20px #00a8cc4d;transform:translateY(-4px)}.asset-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.asset-header h3{color:var(--text-primary);font-size:17px;font-weight:600;margin:0}.asset-status-badge{border:1px solid;border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px}.sensor-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.sensor-value{background:var(--bg-medium);border-left:3px solid var(--primary-color);border-radius:8px;padding:10px 12px}.sensor-label{color:var(--text-secondary);font-size:10px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.sensor-reading{color:var(--text-primary);font-size:18px;font-weight:700}.unit{color:var(--text-secondary);font-size:12px;font-weight:400;margin-left:4px}@media (max-width:1600px){.status-grid{grid-template-columns:1fr 1fr}}@media (max-width:1200px){.assets-grid,.status-grid{grid-template-columns:1fr}}@media (max-width:768px){.status-header{flex-direction:column;gap:15px}.animation-controls{justify-content:center;width:100%}.sensor-grid{grid-template-columns:1fr}}.donut-chart-container{background:var(--bg-card);border:1px solid #00a8cc33;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:20px;transition:all .3s}.donut-chart-container:hover{border-color:var(--primary-color);box-shadow:0 6px 16px #00a8cc4d;transform:translateY(-2px)}.chart-title{font-size:18px;margin:0 0 15px;text-align:center}.chart-wrapper{min-height:310px;position:relative}.chart-center-label{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.center-status{font-size:24px;font-weight:700;letter-spacing:2px}.center-subtitle{color:var(--text-secondary);font-size:12px;margin-top:4px}.line-chart-container{background:var(--bg-card);border:1px solid #00a8cc33;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;padding:15px;transition:all .3s}.line-chart-container:hover{border-color:var(--primary-color);box-shadow:0 6px 16px #00a8cc4d;transform:translateY(-2px)}.chart-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 10px}.chart-wrapper{flex:1 1;min-height:0;width:100%}.tree-view-container{background:var(--bg-card);border:1px solid #00a8cc33;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:100%;max-height:600px;padding:20px}.tree-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.tree-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.expand-all-btn{background:var(--bg-medium);border:1px solid var(--primary-color);border-radius:6px;color:var(--primary-color);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s}.expand-all-btn:hover{background:var(--primary-color);color:var(--bg-dark)}.tree-content{flex:1 1;overflow-y:auto;padding-right:5px}.tree-node{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;margin:2px 0;padding:8px 10px;transition:all .2s;-webkit-user-select:none;user-select:none}.tree-node:hover{background:#00a8cc1a}.tree-node.selected{background:#00a8cc33;border-left:3px solid var(--primary-color)}.tree-node.affected{animation:pulseGlow 2s infinite;background:#ff88001a;border-left:3px solid var(--status-orange)}.tree-node.affected:hover{background:#f803}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 #f800}50%{box-shadow:0 0 10px #ff88004d}}.affected-badge{align-items:center;animation:pulse 2s infinite;display:flex;font-size:14px;margin-left:5px}.tree-leaf{padding-left:20px}.tree-indent{display:inline-block;width:20px}.tree-toggle{color:var(--text-secondary);font-size:12px;height:16px;transition:transform .2s;width:16px}.tree-icon,.tree-toggle{align-items:center;display:flex;justify-content:center}.tree-icon{font-size:16px;height:20px;width:20px}.tree-icon.asset{color:var(--primary-color)}.tree-icon.component{color:var(--accent-color)}.tree-icon.leaf{color:var(--text-secondary);font-size:14px}.tree-label{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500}.tree-value{font-family:Courier New,monospace;font-size:13px;font-weight:600}.tree-status-dot{animation:pulse 2s infinite;border-radius:50%;height:10px;margin-left:8px;width:10px}.critical-badge{background:var(--status-red);border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:5px;padding:2px 6px}.tree-children{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tree-content::-webkit-scrollbar{width:6px}.tree-content::-webkit-scrollbar-track{background:var(--bg-medium);border-radius:3px}.tree-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.tree-content::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.analysis-page{padding:0}.page-header{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-medium) 100%);border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:0 4px 12px #0000004d;margin-bottom:25px;padding:30px}.page-header h1{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 10px}.page-header p{color:var(--text-secondary);font-size:16px;margin:0}.coming-soon{background:var(--bg-card);border:1px solid #00a8cc33;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:60px 40px;text-align:center}.coming-soon .icon{font-size:80px;margin-bottom:20px}.coming-soon h2{color:var(--primary-color);font-size:32px;font-weight:600;margin:0 0 15px}.coming-soon p{color:var(--text-secondary);font-size:18px;margin:0 0 30px}.coming-soon ul{list-style:none;margin:0 auto;max-width:600px;padding:0;text-align:left}.coming-soon li{background:var(--bg-medium);border-left:3px solid var(--primary-color);border-radius:8px;color:var(--text-primary);margin-bottom:10px;padding:12px 20px}.coming-soon li:before{color:var(--primary-color);content:"▹ ";font-weight:700;margin-right:10px}.warnings-page{padding:0}.warnings-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.stat-card{background:var(--bg-card);border:2px solid;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:25px;text-align:center;transition:all .3s}.stat-card.critical{border-color:#f44}.stat-card.warning{border-color:#f80}.stat-card.info{border-color:#00c851}.stat-card:hover{box-shadow:0 6px 16px #0006;transform:translateY(-4px)}.stat-value{font-size:48px;font-weight:700;margin-bottom:10px}.stat-card.critical .stat-value{color:#f44}.stat-card.warning .stat-value{color:#f80}.stat-card.info .stat-value{color:#00c851}.stat-label{color:var(--text-secondary);font-size:16px;letter-spacing:1px;text-transform:uppercase}.warnings-list{background:var(--bg-card);border:1px solid #00a8cc33;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:25px}.warnings-list h2{color:var(--text-primary);font-size:22px;font-weight:600;margin:0 0 20px}.warning-item{background:var(--bg-medium);border-left:4px solid;border-radius:8px;display:flex;gap:15px;margin-bottom:15px;padding:20px;transition:all .3s}.warning-item:hover{box-shadow:0 4px 12px #0003;transform:translateX(5px)}.warning-icon{align-items:center;display:flex;font-size:28px}.warning-content{flex:1 1}.warning-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.warning-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.warning-time{color:var(--text-secondary);font-family:Courier New,monospace;font-size:12px}.warning-message{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0 0 10px}.warning-prediction{align-items:center;background:#0000004d;border-radius:6px;display:flex;gap:12px;margin-top:10px;padding:10px}.prediction-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.prediction-date{background:var(--bg-card);border-radius:4px;color:var(--text-primary);font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:4px 10px}.prediction-probability{background:#ff88001a;border:1px solid;border-radius:4px;font-size:13px;font-weight:700;padding:4px 10px}.no-warnings{color:var(--text-secondary);padding:60px 20px;text-align:center}.no-warnings svg{color:var(--status-green);font-size:64px;margin-bottom:15px}.no-warnings p{font-size:18px;margin:0}@media (max-width:768px){.warnings-stats{grid-template-columns:1fr}.warning-header,.warning-item{flex-direction:column}.warning-header{align-items:flex-start;gap:5px}}.settings-page{padding:0}.settings-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.settings-card{background:var(--bg-card);border:1px solid #00a8cc33;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:25px;transition:all .3s}.settings-card:hover{border-color:var(--primary-color);box-shadow:0 6px 16px #00a8cc4d;transform:translateY(-2px)}.settings-card h3{border-bottom:1px solid #ffffff1a;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:15px}.setting-item{margin-bottom:20px}.setting-item:last-child{margin-bottom:0}.setting-item label{color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.setting-item input[type=range]{-webkit-appearance:none;background:var(--bg-medium);border-radius:3px;height:6px;outline:none;width:100%}.setting-item input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:18px;width:18px}.setting-item input[type=range]::-moz-range-thumb{background:var(--primary-color);border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.setting-item input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:20px;width:20px}.setting-item select{background:var(--bg-medium);border:1px solid #00a8cc4d;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px;width:100%}.setting-item select:focus{border-color:var(--primary-color);outline:none}.setting-value{color:var(--text-secondary);display:block;font-size:12px;font-style:italic;margin-top:5px}.info-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:10px 0}.info-card strong{color:var(--text-primary)}.info-card a{color:var(--primary-color);text-decoration:none;transition:color .3s}.info-card a:hover{color:var(--accent-color);text-decoration:underline}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.ecb053bd.css.map*/