.app-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;border-top:1px solid #3C3C3C;background-color:#1e1e1e;flex-shrink:0;font-size:.7rem;color:#6c6c6c}.footer-section{display:flex;align-items:center;gap:6px}.footer-versions{flex:1}.footer-version-item{white-space:nowrap}.footer-offline{color:#8b6914}.footer-copyright{flex:1;justify-content:center;white-space:nowrap}.footer-links{flex:1;justify-content:flex-end}.footer-separator{color:#3c3c3c}.footer-link{color:#6c6c6c;text-decoration:none;transition:color .15s ease}.footer-link:hover{color:#aec998}.footer-link-button{background:none;border:none;padding:0;font:inherit;cursor:pointer}.layout-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;background-color:#252526;border-right:1px solid #3C3C3C;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:16px 20px 6px;flex-shrink:0}.sidebar-logo{width:100%;height:auto;max-width:110px;display:block}.sidebar-subtitle{color:#8c8c8c;font-size:.7rem;margin-top:8px}.sidebar-divider{border-color:#3c3c3c}.sidebar-list{padding:6px;flex:1 1 auto;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#3C3C3C transparent}.sidebar-list::-webkit-scrollbar{width:6px}.sidebar-list::-webkit-scrollbar-thumb{background:#3c3c3c;border-radius:3px}.sidebar-list::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.sidebar-list-item{margin-bottom:2px}.sidebar-list-button{border-top-left-radius:8px;border-bottom-left-radius:8px;min-height:30px;margin-right:-8px;padding-top:2px;padding-bottom:2px}.sidebar-list-button:hover{background-color:#2a2d2e}.sidebar-list-button.selected{background-color:#1e1e1e;color:#aec998;width:200px;border-top:1px solid rgba(2,2,2,.5);border-left:1px solid rgba(2,2,2,.5);border-bottom:1px solid rgba(174,201,152,.2)}.sidebar-list-button.selected:hover{background-color:#aec9984d}.sidebar-list-icon{min-width:30px;color:inherit}.sidebar-list-icon .MuiSvgIcon-root{font-size:1.1rem}.sidebar-list-text{font-size:.8125rem;font-weight:500}.sidebar-version{padding:10px 20px;text-align:center;border-top:1px solid #3C3C3C;display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.main-area{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.main-content{flex-grow:1;background-color:#1e1e1e;overflow:auto;padding:20px}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;gap:16px}.loading-status{color:#8c8c8c}.loading-connection{color:#6c6c6c}.backend-logs{margin-top:24px;padding:16px;background-color:#1e1e1e;border-radius:4px;max-height:300px;max-width:700px;width:100%;overflow-y:auto;font-family:Courier New,Monaco,monospace;font-size:.813rem;line-height:1.5}.backend-logs::-webkit-scrollbar{width:8px}.backend-logs::-webkit-scrollbar-track{background:#2d2d2d}.backend-logs::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.backend-logs::-webkit-scrollbar-thumb:hover{background:#666}.backend-logs-title{margin-bottom:12px;display:block;font-size:.75rem;font-family:system-ui,-apple-system,sans-serif;color:#999;text-transform:uppercase;letter-spacing:.5px}.backend-log-line{font-size:.813rem;font-family:Courier New,Monaco,monospace;white-space:pre-wrap;word-break:break-word;margin-bottom:2px;line-height:1.5}.backend-log-error{color:#f48771}.backend-log-success{color:#73c991}.backend-log-normal{color:#d4d4d4}.empty-state{text-align:center;padding:48px 0}.empty-title{color:#8c8c8c;font-size:.95rem;margin-bottom:8px}.empty-subtitle{color:#666;font-size:.8rem}.fab-button{position:fixed;bottom:20px;right:20px;background-color:#2c3c29;color:#c9e0af}.fab-button:hover{background-color:#c9e0af;color:#2c3c29}.dashboard-network-container{display:flex;flex-direction:column;align-items:center;min-height:100px;justify-content:center}.dashboard-network-stats{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:4px;margin-bottom:16px}.container-card-wrapper{position:relative}.container-card-header{padding:12px 12px 6px;border-bottom:1px solid #3C3C3C;background-color:#232323}.container-card-header-content{display:flex;justify-content:space-between;align-items:flex-start}.container-metrics{margin-top:16px}.chart-container{margin-bottom:8px}.chart-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chart-canvas{height:60px;width:100%}.ports-section{margin-top:8px}.ports-popover{padding:12px;min-width:200px;max-width:350px}.logs-dialog-content{max-height:500px;overflow-y:auto;background-color:#1e1e1e;padding:16px;border-radius:4px;font-family:Courier New,monospace}.logs-dialog-content .log-entry{margin-bottom:4px;padding:2px 0;border-bottom:1px solid rgba(60,60,60,.3)}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#252526;border-radius:4px;z-index:1}.card-actions{justify-content:space-between;padding:8px 12px;border-top:1px solid #3C3C3C;background-color:#232323}.gauge-chart-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.gauge-chart-canvas{position:relative}.gauge-chart-title{margin-top:8px;text-align:center;color:#8c8c8c;font-size:.7rem}.loading-state{display:flex;justify-content:center;align-items:center;min-height:60vh}.container-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.container-details-info{margin-bottom:24px}.info-grid-item{display:flex;justify-content:space-between}.container-details-section{margin-bottom:24px}.metrics-grid{margin-top:16px}.chart-section{margin-bottom:16px}.chart-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.logs-section{margin-top:24px}.logs-section{max-height:400px;overflow:auto;background-color:#2b2b2b;padding:16px;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem}.log-entry{margin-bottom:4px}.services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.services-placeholder{margin-top:24px}.settings-page-wrapper{padding:24px;min-height:100%}.settings-header{margin-bottom:24px}.settings-header h1{color:#e0e0e0;font-weight:600}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,SF Pro Display,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1e1e;overflow:hidden}code{font-family:SF Mono,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#424242;border-radius:6px;border:2px solid #1E1E1E}::-webkit-scrollbar-thumb:hover{background:#4e4e4e}*:focus-visible{outline:2px solid #0A84FF;outline-offset:2px}.monaco-diff-editor .diff-editor-header{display:none!important}.monaco-diff-editor input.rename-input,.monaco-diff-editor .editor-header input{background:#1e1e1e;color:#999;border:1px solid #333;border-radius:3px;padding:2px 6px;font-family:SF Mono,Menlo,Monaco,monospace;font-size:12px}