body{font-family:Segoe UI,sans-serif;margin:0;padding:20px;background-color:#f9f9f9;color:#333}h1,h2{text-align:center;margin-bottom:20px}input[type=date]{margin:10px auto;padding:6px;font-size:16px;display:block}.chart-container{max-width:1000px;height:auto;padding:20px;margin:0 auto}canvas{max-height:500px}button:hover{opacity:.9}.centered-date{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.drawer{position:fixed;top:0;right:0;width:350px;height:100%;background:#fff;border-left:1px solid #ccc;padding:20px;overflow-y:auto;box-shadow:-4px 0 8px #0000001a}