.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#fff;height:60px;padding:10px 20px;box-shadow:0 2px 8px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:999;width:100%;box-sizing:border-box}.navbar-links{display:flex;gap:25px;flex-shrink:0;overflow:hidden;white-space:nowrap}.navbar-logo{display:flex;align-items:center;height:100%}.logo-img{max-height:100%;-o-object-fit:contain;object-fit:contain}.navbar-links a{text-decoration:none;color:#333;font-weight:500;font-size:1.4rem;transition:color .3s}.navbar-links a:hover{color:#007bff}.container{text-align:center;margin-top:280px}.title{font-size:2rem;font-weight:700;margin-bottom:10px}.subtitle{font-size:1rem;color:gray;margin-bottom:20px}.drop-area{width:100%;max-width:400px;padding:40px;border:2px dashed #007bff;border-radius:10px;background-color:#f9f9f9;text-align:center;font-size:1.2rem;color:#333;cursor:pointer;transition:.3s;margin:0 auto;position:relative}.drop-area.dragging{border-color:#0056b3}.drop-area.dragging,.drop-area:hover{background-color:#e3f2fd}.browse-text{color:#007bff;font-weight:700}.file-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.upload-btn{margin-top:20px;background-color:#28a745;color:#fff;padding:12px 25px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:.3s}.upload-btn:hover{background-color:#218838}.error{color:red}.error,.success{font-size:14px;margin-top:10px}.success{color:green}.chart-container{width:300px;margin:20px auto}.summary-container{display:flex;justify-content:center;gap:20px;margin-top:20px}.summary-box{width:150px;padding:20px;color:#fff;font-size:1.2rem;font-weight:700;text-align:center;border-radius:10px}.red-box{background-color:red}.blue-box{background-color:blue}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}