*{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}.modern-slider-wrapper{position:relative;width:90%;height:80px;max-width:90%;margin:0 auto}.modern-slider-marks{position:absolute;width:100%;top:-25px;display:flex;justify-content:space-between;pointer-events:none}.modern-slider-mark{font-size:11px;color:#9ca3af;text-align:center;position:relative}.modern-slider-mark:before{content:"";position:absolute;bottom:-8px;left:50%;width:1px;height:6px;background:#d1d5db;transform:translate(-50%)}.modern-slider-mark.active{color:#667eea;font-weight:500}.modern-slider-mark.active:before{background:#667eea;height:10px}.modern-slider-track{position:absolute;width:100%;height:12px;background:linear-gradient(to right,#e0e5ec,#f0f2f5);border-radius:6px;top:50%;transform:translateY(-50%);box-shadow:inset 0 2px 4px #00000014,0 1px 2px #0000000d}.modern-slider-selected{position:absolute;height:12px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #667eea66,inset 0 1px #ffffff4d;transition:width .1s ease-out,left .1s ease-out}.modern-slider-selected:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);border-radius:6px 6px 0 0}.modern-slider-handle{position:absolute;width:28px;height:28px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:50%;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a,inset 0 1px #fffc;cursor:grab;z-index:10;top:50%;transform:translate(-50%,-50%);border:3px solid #667eea;transition:all .2s ease}.modern-slider-handle:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;transform:translate(-50%,-50%)}.modern-slider-handle:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 6px 20px #667eea59,0 3px 8px #00000026,inset 0 1px #fffc;border-color:#764ba2}.modern-slider-handle.dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 8px 25px #667eea73,0 4px 12px #0003,inset 0 1px #fffc;border-color:#764ba2}.modern-slider-label{position:absolute;top:55px;font-size:12px;font-weight:500;color:#4b5563;white-space:nowrap;padding:4px 10px;background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a;z-index:5;max-width:120px;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .2s ease}.modern-slider-label.visible{opacity:1}.modern-slider-label:after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;transform:translate(-50%)}.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}