*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:20px}.page-title{font-size:1.8rem;font-weight:700;color:#2c3e50}.file-upload-section{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;border:1px solid #e9ecef}.file-upload-section h4{margin-bottom:15px;font-size:1.2rem;font-weight:600;color:#495057}.file-type-label{font-size:.8rem;padding:2px 8px;border-radius:12px;font-weight:500}.file-type-label.data{background-color:#e3f2fd;color:#1976d2}.file-type-label.control{background-color:#e8f5e8;color:#2e7d32}.file-upload-area{border:2px dashed #ced4da;border-radius:6px;transition:all .3s ease;background-color:#f8f9fa}.file-upload-area:hover{border-color:#0d6efd;background-color:#e3f2fd}.encoding-selector{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.encoding-preview{background-color:#fff;border:1px solid #e9ecef;border-radius:4px;padding:8px;min-height:40px;max-height:60px;font-family:monospace;font-size:.8rem;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto;margin-top:5px;margin-bottom:5px}.encoding-result{margin-bottom:10px;padding:8px;background-color:#d4edda;color:#155724;border-radius:4px;font-weight:500}.status-text{background-color:#e3f2fd;color:#1976d2;padding:12px;border-radius:6px;margin:20px 0;font-weight:500}.axis-selector{background-color:#fff;border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 2px 4px #0000001a;border:1px solid #e9ecef}.axis-selector h4{margin-bottom:20px;font-size:1.2rem;font-weight:600;color:#495057}.time-range-selector{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.btn-area{margin:20px 0;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e9ecef}.chart-container{background-color:#fff;border-radius:8px;padding:20px;margin:20px 0;min-height:400px;box-shadow:0 2px 4px #0000001a;border:1px solid #e9ecef}.x-axis-slider-container{margin:20px 0}.table-controls{margin:20px 0 10px;overflow-x:auto}.pagination-controls{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;white-space:nowrap}.table-container{background-color:#fff;border-radius:8px;padding:20px;margin:10px 0 20px;box-shadow:0 2px 4px #0000001a;border:1px solid #e9ecef;overflow-x:auto}table{width:100%;border-collapse:collapse}table th,table td{padding:8px 12px;text-align:left;border-bottom:1px solid #e9ecef}table th{background-color:#f8f9fa;font-weight:600;white-space:nowrap}table tr:hover{background-color:#f8f9fa}.help-text{margin-top:10px;font-size:.85rem;color:#6c757d;line-height:1.4}.version-info{background-color:#f8f9fa;padding:15px;border-radius:8px;margin-top:30px;border:1px solid #e9ecef}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}@media(max-width:768px){.container{padding:10px}.file-upload-section,.axis-selector{padding:15px}.chart-container{padding:15px;min-height:300px}.table-container{padding:15px}}.advanced-options .zero-column-option,.advanced-options .manual-encoding-option{padding:0;background-color:transparent;border-radius:0;border:none}.time-select-dropdown{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.uploaded-file-name{margin-top:10px;padding:8px 12px;background-color:#d4edda;color:#155724;border-radius:4px;font-weight:500}#sheetSelector{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.btn{transition:all .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.form-select{transition:all .2s ease}.form-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .25rem #0d6efd40}.form-control{transition:all .2s ease}.form-control:focus{border-color:#0d6efd;box-shadow:0 0 0 .25rem #0d6efd40}