.app-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}header{text-align:center;margin-bottom:40px;position:relative}.feedback-link{position:absolute;top:10px;right:10px;color:#2196f3;text-decoration:none;font-weight:700;padding:5px 10px;border-radius:4px;transition:all .3s ease}.feedback-link:hover{background-color:#2196f3;color:#fff}.feedback-iframe-container{position:absolute;top:40px;right:10px;width:25vw;z-index:1000;box-shadow:0 4px 8px #0000001a;border-radius:4px;overflow:hidden;background-color:#fff}.feedback-iframe{width:100%;height:80vh;border:none}h1{color:#2c3e50;margin-bottom:10px}.subtitle{color:#7f8c8d;font-size:1.2rem}.no-registration{color:#4caf50;font-size:1rem;margin-top:5px;font-weight:700}.intro{margin-bottom:40px;background-color:#f8f9fa;padding:20px;border-radius:8px}.features{display:flex;gap:30px;margin-top:20px}.feature{flex:1}.upload-section{margin-bottom:40px}.upload-container{display:flex;flex-direction:column;align-items:center;padding:30px;border:2px dashed #ddd;border-radius:8px;background-color:#f8f9fa;transition:all .3s ease}.upload-container.drag-over{border-color:#4caf50;background-color:#4caf501a;box-shadow:0 0 10px #4caf5080}.drag-instruction{margin-top:10px;color:#7f8c8d;font-style:italic}.file-input{display:none}.upload-button{padding:12px 24px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.upload-button:hover{background-color:#45a049}.file-name{margin-top:10px;font-style:italic}.data-section{margin-bottom:40px}.data-preview{overflow-x:auto;margin-bottom:20px}table{width:100%;border-collapse:collapse}th,td{padding:10px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f2f2f2}.more-data{font-style:italic;color:#7f8c8d}.chart-options{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.option-group{margin-bottom:15px}label{display:block;margin-bottom:5px;font-weight:700}select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.generate-button{padding:12px 24px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.generate-button:hover{background-color:#0b7dda}.chart-section{margin-bottom:80px}.chart-container{min-height:400px;height:auto;margin-bottom:20px}.download-button{padding:12px 24px;background-color:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.download-button:hover{background-color:#e68a00}.download-button-container{display:flex;justify-content:center;margin-top:20px}.excel-guide-toggle{text-align:center;margin:20px 0}.guide-link{color:#2196f3;text-decoration:none;font-weight:700;padding:8px 16px;border-radius:4px;transition:all .3s ease;cursor:pointer;display:inline-block}.guide-link:hover{background-color:#2196f3;color:#fff}.inline-guide-link{color:#2196f3;text-decoration:none;font-weight:700;cursor:pointer;transition:all .3s ease}.inline-guide-link:hover{text-decoration:underline}.tool-section{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px;border:1px solid #e9ecef}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.text-center{text-align:center}.table-responsive{overflow-x:auto}.table{width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table-bordered{border:1px solid #dee2e6}.table-light{background-color:#f8f9fa}footer{text-align:center;padding:20px;color:#7f8c8d;border-top:1px solid #eee;position:relative;clear:both;margin-top:20px}
