body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f0f2f5;color:#333}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.latest-pe{display:flex;flex-direction:column;align-items:center;justify-content:center}.pe-label{font-size:.9rem;color:#666}.pe-value{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-top:.5rem}.time-range-filter{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.time-range-filter button{background-color:#f0f2f5;border:1px solid #ddd;border-radius:20px;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease-in-out}.time-range-filter button.active{background-color:#8884d8;color:#fff;border-color:#8884d8}.error-message{color:#ff6b6b;margin:1rem 0}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#8884d8;animation:spin 1s ease infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){#root{padding:1rem}.App h1{font-size:1.8rem;margin-bottom:1rem}.card{padding:1rem}.pe-value{font-size:2rem}.time-range-filter button{padding:.4rem .8rem}}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}