body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9fafb;color:#1f2937}.container{max-width:960px;margin:0 auto;padding:2rem}h1,h2,h3{color:#111827}label{display:block;margin:1rem 0 .5rem;font-weight:500}input[type=file],select,button{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem}button{background-color:#3b82f6;color:#fff;border:none;cursor:pointer;margin-top:1rem}button:hover{background-color:#2563eb}.plot-container{margin-top:2rem;border:1px solid #e5e7eb;padding:1rem;border-radius:6px;background-color:#fff;box-shadow:0 1px 3px #0000000d}.mape-display{font-size:1.1rem;margin-top:1rem;font-weight:700}.header-container{width:100%;text-align:center;padding:1rem;background:linear-gradient(to right,#2563eb,#6366f1,#9333ea)}.header-container h1{color:#fff;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f0f4f8,#d9e4f5);color:#333;margin:0;padding:0}h1,h2,h3{text-align:center;font-weight:700;color:#0d47a1;margin-bottom:1rem;letter-spacing:1px}.layout{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;margin:2rem auto;max-width:1200px;gap:2rem;padding:0 1rem}.left-panel{flex:0 0 60%;padding:1rem;background:linear-gradient(135deg,#f5f5f5,#e8f0fe);border-radius:12px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.left-panel:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.right-panel{flex:0 0 35%;padding:1rem;background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border-radius:12px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.right-panel:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.right-panel p{margin:.7rem 0;line-height:1.6}.forecast-chart-container{margin-top:2rem;text-align:center}button{margin-top:1rem;padding:.6rem 1.4rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;letter-spacing:.5px;transition:background .3s ease,transform .2s ease}button:hover{background:linear-gradient(135deg,#0056b3,#003d80);transform:translateY(-2px)}.dataset-title{text-align:center;font-weight:700;font-size:1.2rem;color:#0d47a1;margin-bottom:.5rem}input,select,textarea{width:100%;padding:.6rem .8rem;margin:.5rem 0;border:1px solid #ccc;border-radius:6px;transition:border-color .3s ease}input:focus,select:focus,textarea:focus{border-color:#007bff;outline:none}.spinner{width:50px;height:50px;border:6px solid #032e4a;border-top:6px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin:1rem auto}@keyframes spin{to{transform:rotate(360deg)}}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.metric-box{background-color:#c5eaf6;padding:.8rem 1.2rem;border-radius:8px;color:#01050c;font-size:1.1rem;margin-top:1rem;text-align:center;box-shadow:0 2px 5px #0000001a}@media (max-width: 768px){.layout{flex-direction:column;gap:1.5rem}.left-panel,.right-panel{flex:1 1 100%}}