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}body{background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:280px;overflow-x:hidden;padding:2rem}.dashboard-container{margin:0 auto;max-width:1400px}.dashboard-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.dashboard-header h1{color:#333;font-size:2rem;font-weight:700}.connection-status{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.status-indicator{font-size:1rem}.status-text{color:#666;font-weight:500}.error-banner{align-items:center;background:#f8d7da;border-radius:6px;color:#721c24;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.error-banner button{background:none;border:none;color:#721c24;cursor:pointer;font-size:1.5rem;height:24px;padding:0;width:24px}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.chart-card{grid-column:span 2}.error-message{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:3rem;text-align:center}.error-message h2{color:#dc3545;margin-bottom:1rem}.retry-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem}.retry-button:hover{background:#0056b3}.page-container{margin:0 auto;max-width:1200px;padding:2rem;text-align:center}.page-container h1{color:#333;font-size:2.5rem;margin-bottom:1rem}@media (max-width:768px){.main-content{margin-left:0;margin-top:auto;padding:1rem}.dashboard-grid{grid-template-columns:1fr}.chart-card{grid-column:span 1}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}}.navigation{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:1000}.nav-header{border-bottom:1px solid #ffffff1a;padding:2rem 1.5rem}.nav-title{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0}.nav-icon{font-size:2rem}.nav-subtitle{color:#ffffffb3;font-size:.875rem;margin-top:.5rem}.nav-list{flex:1 1;list-style:none;margin:0;padding:1rem 0}.nav-item{margin:0}.nav-link{align-items:center;border-left:3px solid #0000;color:#fffc;display:flex;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a}.nav-link.active,.nav-link:hover{border-left-color:#ff6b35;color:#fff}.nav-link.active{background:#ff6b3533}.nav-link-icon{font-size:1.25rem;margin-right:1rem;width:2rem}.nav-link-text{font-size:1rem;font-weight:500}.nav-footer{border-top:1px solid #ffffff1a;padding:1.5rem}.status-indicator{align-items:center;display:flex;gap:.75rem}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:.75rem;width:.75rem}.status-dot,.status-dot.online{background:#28a745}.status-dot.offline{background:#dc3545}.status-text{color:#ffffffb3;font-size:.875rem}@keyframes pulse{0%{box-shadow:0 0 0 0 #28a74566}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 0 0 #28a74500}}@media (max-width:768px){.navigation{box-shadow:none;height:auto;position:relative;width:100%}.nav-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.nav-item{flex:1 1;min-width:120px}.nav-link{border-bottom:3px solid #0000;border-left:none;border-radius:.5rem;justify-content:center;padding:.75rem}.nav-link.active,.nav-link:hover{border-bottom-color:#ff6b35;border-left:none}.nav-link-text{display:none}.nav-link-icon{font-size:1.5rem;margin:0}}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#666;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#333;font-size:1.5rem;font-weight:700}.stat-secondary{color:#888;font-size:.875rem;font-weight:400}.live-charts,.peer-network,.system-stats{padding:1.5rem}.live-charts h2,.peer-network h2,.system-stats h2{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.charts-placeholder,.peer-info{background:#f8f9fa;border-radius:8px;color:#666;padding:2rem;text-align:center}.node-status{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.card-header h2{color:#333;font-size:1.25rem;font-weight:600;margin:0}.sync-badge{border-radius:20px;font-size:.875rem;font-weight:500;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.sync-badge.synced{background:#d4edda;color:#155724}.sync-badge.syncing{background:#fff3cd;color:#856404}.sync-badge.offline{background:#f8d7da;color:#721c24}.status-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-item{flex-direction:column;gap:.5rem}.status-label{color:#666;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.status-value{align-items:baseline;color:#333;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem}.status-secondary{color:#888;font-size:1rem;font-weight:400}.progress-bar{background:#e9ecef;border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#ff6b35,#f7931e);height:100%;transition:width .3s ease}.connection-details{display:flex;font-size:.875rem;gap:1rem;margin-top:.25rem}.connection-in,.connection-out{color:#666;font-weight:500}.connection-in{color:#28a745}.connection-out{color:#007bff}.sync-info{background:#f8f9fa;border-left:4px solid #ff6b35;border-radius:8px;margin-top:1.5rem;padding:1rem}.sync-text{color:#333;font-weight:500;margin-bottom:.5rem}.sync-details{color:#666;font-size:.875rem}.loading{align-items:center;color:#666;display:flex;font-style:italic;height:200px;justify-content:center}@media (max-width:768px){.status-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.status-value{font-size:1.25rem}.card-header{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:480px){.status-grid{grid-template-columns:1fr}.node-status{padding:1rem}}.home-container{margin:0 auto;max-width:1200px;padding:2rem}.home-header{border-bottom:2px solid #e9ecef;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.home-header h1{align-items:center;color:#333;display:flex;font-size:3rem;font-weight:700;gap:1rem;justify-content:center;margin-bottom:1rem}.header-icon{font-size:3.5rem}.header-subtitle{color:#666;font-size:1.25rem;margin-bottom:.5rem}.header-domain{color:#ff6b35;font-size:1rem;font-weight:600}.tools-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.tool-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.tool-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.tool-card.active{border:2px solid #28a745}.tool-card.coming-soon{border:2px solid #ffc107}.tool-icon{display:block;font-size:3rem;margin-bottom:1rem}.tool-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.tool-description{color:#666;line-height:1.6;margin-bottom:1.5rem}.tool-button{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-weight:500;margin-bottom:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.tool-button.active{background:#28a745;color:#fff}.tool-button.active:hover{background:#218838}.tool-button.disabled{background:#6c757d;color:#fff;cursor:not-allowed}.tool-status{background:#f8f9fa;border-radius:12px;font-size:.875rem;font-weight:500;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.tool-status.active{background:#d4edda;color:#28a745}.tool-status.coming-soon{background:#fff3cd;color:#856404}.home-footer{grid-gap:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:2rem}.footer-section h4{color:#333;font-size:1.125rem;margin-bottom:1rem}.footer-section p{color:#666;line-height:1.6}.footer-section ul{color:#666;line-height:1.8;list-style:none}.footer-section li{margin-bottom:.5rem}.status-list{display:flex;flex-direction:column;gap:.75rem}.status-item{align-items:center;color:#666;display:flex;gap:.75rem}.status-indicator{border-radius:50%;height:.75rem;width:.75rem}.status-indicator.active{background:#28a745}.status-indicator.pending{background:#ffc107}@media (max-width:768px){.home-header h1{flex-direction:column;font-size:2rem;gap:.5rem}.header-icon{font-size:2.5rem}.tools-grid{gap:1.5rem;grid-template-columns:1fr}.tool-card{padding:1.5rem}}
/*# sourceMappingURL=main.6221a471.css.map*/