body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--gray: rgb(34, 48, 64);--blue: rgb(0, 122, 253);--green: rgb(6, 215, 108);--white: rgb(253, 251, 252)}.gauge{position:relative;width:150px;height:150px;text-align:center;display:flex;justify-content:center;align-items:center}.progress{position:absolute;width:100%;height:100%;border-radius:50%;outline-offset:5px;overflow:hidden}.progress:before{position:absolute;content:"";width:100%;height:50%;background-color:var(--white);top:50%;left:0;border-radius:0 0 200% 200%;z-index:100}.progress:after{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background-color:var(--white);border-radius:50%;z-index:200}.bar{position:absolute;width:50%;height:100%;background-color:var(--green);transform-origin:center right}.needle{position:absolute;width:100%;height:50%;background-color:var(--gray);clip-path:polygon(50% 0,50% 0,52% 100%,48% 100%);transform-origin:bottom center;z-index:300}.gauge-label{color:#000;font-size:16px;margin-top:60px;z-index:400}.real-time-chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:10px;background-color:#333;border-radius:10px;box-shadow:0 4px 10px #0003}.chart-wrapper{width:80%;background-color:#444;padding:10px;border-radius:8px}.current-value-display{font-size:1.5em;font-weight:700;margin-top:10px;color:#f5f5f5;text-align:center;width:80%;padding:10px;background-color:#444;border-radius:8px}.slider-container{height:100%;min-height:200px;min-width:100px}