*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to bottom right,#f0f4f8,#e2e8f0),url(https://images.squarespace-cdn.com/content/v1/6775a9410cb071258cbf5576/6c08fcfc-132a-47e9-9a38-e69aa4766bba/img-5.jpg?format=1000w);background-repeat:no-repeat;background-position:center center;background-size:contain;background-blend-mode:overlay;color:#1f2937;min-height:100vh;line-height:1.6;padding:1rem}.card{max-width:500px;width:90%;padding:2rem;margin:2rem auto;border-radius:12px;box-shadow:0 2px 8px #00000014;text-align:center;background-color:#fffc;box-sizing:border-box}.form-grid{display:grid;grid-template-columns:140px 1fr;row-gap:1rem;column-gap:.75rem;text-align:left}.form-grid label{justify-self:end;padding-right:.5rem;font-weight:600}input[type=number],select{width:100%;padding:.5rem .75rem;border:1px solid #d4d4d8;border-radius:6px;font-size:1rem}.button-primary{background:#1d4ed8;color:#fff;border:none;border-radius:6px;padding:.6rem 1.4rem;font-weight:600;cursor:pointer;margin-top:1.25rem}.button-primary:hover{background:#2563eb}.button-danger{background:#dc2626}.button-danger:hover{background:#b91c1c}.dashboard-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.dashboard-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.dashboard-left{flex:1 1 55%;min-width:300px}.dashboard-right{flex:1 1 40%;min-width:300px;max-width:500px}.page-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.section-title{font-weight:700;margin-bottom:.75rem;text-align:left}.value{font-weight:600}.history-list{list-style:none;padding-left:0;text-align:left}.button-row{display:flex;justify-content:space-between;gap:1rem}.error-msg{color:#dc2626;margin-top:.75rem}.success-msg{color:#16a34a;margin-top:.75rem}.navbar{background-color:#1f2937;color:#fff;padding:.75rem 1.25rem;margin-bottom:1rem;display:flex;justify-content:center;gap:1.25rem;font-weight:500;border-radius:6px}.navbar a{color:#fff;text-decoration:none}.navbar a:hover{text-decoration:underline}.chart-section{margin-bottom:2rem;padding:1rem 1rem 2.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.chart-wrapper{overflow-x:auto;padding-bottom:1rem}@media (max-width: 600px){.app-container{padding:1rem;font-size:.95rem}button,input{width:100%;margin-top:.5rem}}