body{font-family:Roboto,Arial,sans-serif;background-color:#121212;color:#e0e0e0;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;min-height:100vh}h1{font-size:2.5rem;margin:20px 0;text-align:center;color:#bb86fc}header{width:100%;background-color:#1f1f1f;padding:10px 0;box-shadow:0 2px 5px #0003}main{width:90%;max-width:45vw;margin:20px auto;display:flex;flex-direction:column;gap:20px}input,select,button{border:none;border-radius:5px;padding:10px;font-size:1rem;margin:5px 0}input{width:calc(100% - 20px);background-color:#2c2c2c;color:#e0e0e0}button{background-color:#bb86fc;color:#121212;cursor:pointer;transition:background-color .3s}button:hover{background-color:#9a67ea}.filter-section{display:flex;justify-content:space-between;gap:10px}.filter-group{display:flex;flex-direction:column;gap:5px}select{background-color:#2c2c2c;color:#e0e0e0}.chart-section{background-color:#1f1f1f;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000004d}canvas{max-width:100%;border-radius:5px}.status{text-align:center;color:#a0a0a0;font-style:italic}footer{padding:10px;text-align:center;background-color:#1f1f1f;color:#a0a0a0;position:fixed;bottom:0;width:100%}