.app{width:100vw;min-height:100vh;background-color:#191919;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;padding:40px 0}.header{display:flex;gap:40px;z-index:10}.status-box{background-color:#1a1a1a;border:1px solid #444;border-radius:8px;padding:16px 24px;min-width:140px;text-align:center;box-shadow:0 2px 8px #0000004d}.status-label{color:#fff;font-size:12px;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.status-value{color:#d1fb0e;font-size:20px;font-weight:700}.main-content{display:flex;align-items:center;justify-content:center;flex:1}.footer{display:flex;gap:40px;z-index:10}.footer-box .status-label{color:#fff}.footer-value,.header .status-value{color:#d1fb0e!important}.circular-progress{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto}.progress-ring{width:100%;max-width:400px;height:auto;transform:rotate(-90deg)}.progress-ring-circle{opacity:.4}.progress-ring-progress{stroke-linecap:round;opacity:1}.logo-container{position:absolute;display:flex;align-items:center;justify-content:center}.logo-image{height:250px;width:auto}@media (max-width: 1024px){.header,.footer{gap:30px}.status-box{padding:14px 20px;min-width:120px}.circular-progress,.progress-ring{max-width:350px}.logo-image{height:180px}}@media (max-width: 768px){.app{padding:15px 10px;justify-content:flex-start;gap:20px}.header{order:1;flex-direction:row;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}.main-content{order:2;flex:1;padding:10px 0;min-height:300px;display:flex;align-items:center;justify-content:center}.footer{order:3;flex-direction:row;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:10px}.status-box{padding:10px 14px;min-width:85px;flex:1;max-width:110px}.status-label{font-size:10px;margin-bottom:3px}.status-value{font-size:14px}.circular-progress,.progress-ring{max-width:280px}.logo-image{height:140px}}@media (max-width: 480px){.app{padding:10px 5px;gap:15px}.header,.footer{gap:8px}.status-box{padding:8px 10px;min-width:70px;max-width:90px}.status-label{font-size:9px;margin-bottom:2px}.status-value{font-size:12px}.circular-progress,.progress-ring{max-width:220px}.logo-image{height:100px}.main-content{min-height:250px;padding:5px 0}}@media (max-width: 360px){.app{padding:8px 3px;gap:12px}.header,.footer{flex-direction:column;gap:6px;align-items:center}.status-box{width:90%;max-width:180px;padding:10px 12px}.circular-progress,.progress-ring{max-width:200px}.logo-image{height:90px}.main-content{min-height:200px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status-value{animation:pulse 2s infinite}.footer-value{text-shadow:0 0 8px rgba(209,251,14,.5)}.header .status-label{text-shadow:0 0 4px rgba(255,255,255,.2)}*{margin:0;padding:0;box-sizing:border-box}body{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;background-color:#191919;color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#root{width:100vw;min-height:100vh;height:auto}