@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.p-4{padding:calc(var(--spacing)*4)}.pt-16{padding-top:calc(var(--spacing)*16)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}html,body{background-color:var(--color-white)}@media(prefers-color-scheme:dark){html,body{background-color:#111}}html,body{font-family:DM Sans,sans-serif}@media(prefers-color-scheme:dark){html,body{color-scheme:dark}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-sidebar{background:#1a1a1a;border-right:1px solid #333;flex-direction:column;flex-shrink:0;width:240px;padding:24px 16px;display:flex;overflow-y:auto}.app-sidebar-section{flex:1;margin-bottom:32px}.app-sidebar-logo{border-top:1px solid #333;justify-content:center;align-items:center;margin-top:auto;padding:16px 8px;display:flex}.sidebar-logo-image{opacity:1;cursor:pointer;width:64px;height:auto}.app-end{flex-shrink:0;height:140px}.csv-viewer-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.csv-viewer-header-content{flex:1}.settings-overlay-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;position:fixed;inset:0}.settings-overlay-panel{z-index:101;background:#1a1a1a;border-left:1px solid #333;flex-direction:column;width:30%;min-width:320px;max-width:500px;height:100vh;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 24px #00000080}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.validation-message{color:#fca5a5;background-color:#ef44441a;border-left:3px solid #ef4444;border-radius:4px;align-items:center;gap:6px;margin-top:6px;padding:8px 12px;font-size:12px;display:flex}.settings-overlay-header{background:#252525;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.settings-overlay-header h3{color:#fafafa;margin:0;font-size:20px;font-weight:600}.settings-close-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1;transition:color .2s}.settings-close-btn:hover{color:#fafafa}.settings-overlay-content{flex:1;padding:24px;overflow-y:auto}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.settings-section h4{color:#e6d7af;margin:0 0 12px;font-size:16px;font-weight:600}.settings-hint{color:#a0a0a0;margin:0 0 12px;font-size:13px;line-height:1.5}.current-sort-info{color:#d0d0d0;background:#252525;border-left:3px solid #e6d7af;border-radius:6px;padding:12px;font-size:13px}.current-sort-info strong{color:#fafafa;margin-bottom:4px;display:block}.column-types-list{flex-direction:column;gap:8px;display:flex}.column-type-item{background:#252525;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.column-name{color:#fafafa;font-weight:500}.column-type{color:#e6d7af;background:#1a1a1a;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:12px}.data-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.data-info-item{background:#252525;border-radius:6px;flex-direction:column;padding:12px;display:flex}.data-info-label{color:#a0a0a0;margin-bottom:4px;font-size:12px}.data-info-value{color:#e6d7af;font-size:20px;font-weight:600}.settings-toggle-btn{color:#fafafa;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.settings-toggle-btn:hover{color:#e6d7af;background:#2a2a2a;border-color:#e6d7af}.scatter-plot-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.scatter-plot-header-content h2{color:#fafafa;margin:0;font-size:24px;font-weight:600}.scatter-plot-header-actions{align-items:center;gap:12px;display:flex}.save-image-button{color:#000;cursor:pointer;background:#e6d7af;border:1px solid #eddd0c;border-radius:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.scatter-plot-chart-container{flex-direction:column;flex:1;display:flex}.scatter-plot-chart-title{color:#fafafa;text-align:center;margin-top:24px;padding:12px 0;font-size:20px;font-weight:600}.scatter-plot-chart{background:#1a1a1a;border:1px solid #333;border-radius:8px;flex:1;min-height:500px;max-height:600px;margin-top:16px;padding:24px;position:relative}.chart-title-display{color:#fafafa;z-index:5;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#1a1a1acc;border:1px solid #333;border-radius:6px;max-width:80%;padding:8px 16px;font-size:18px;font-weight:600;position:absolute;top:20px;left:50%;overflow:hidden;transform:translate(-50%)}.chart-watermark{opacity:.3;pointer-events:none;z-index:100;align-items:center;gap:8px;display:flex;position:absolute;bottom:64px;right:40px}.watermark-icon{width:24px;height:24px;display:block}.chart-watermark span{color:#fafafa;letter-spacing:.05em;font-size:12px;font-weight:600}.advanced-apply-section{border-top:1px solid #333;justify-content:center;margin-top:24px;padding-top:20px;display:flex}.chart-hidden-message{color:#fafafa;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:400px;display:flex}.chart-hidden-message h3{color:#e6d7af;margin:0 0 8px;font-size:24px;font-weight:600}.chart-hidden-message p{opacity:.7;margin:0;font-size:14px}.filter-conditions{flex-direction:column;gap:12px;margin-top:8px;display:flex}.filter-remove-btn{color:#f66;cursor:pointer;background:#2a1a1a;border:1px solid #533;border-radius:6px;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;line-height:1;transition:all .2s}.filter-add-btn{color:#e6d7af;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;align-self:flex-start;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.filter-info{color:#a0a0a0;background:#252525;border:1px solid #333;border-radius:6px;margin-top:4px;padding:8px 12px;font-size:12px}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.size-slider{cursor:pointer;accent-color:#e6d7af;background:#333;border-radius:3px;outline:none;width:120px;height:6px}.size-value{color:#a0a0a0;text-align:right;min-width:30px;font-size:13px}.cheatsheet-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.line-chart{flex-direction:column;height:100%;padding:24px;display:flex;overflow-y:auto}.line-chart-empty{color:#666;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.line-chart-empty-icon{opacity:.5;margin-bottom:20px;font-size:80px}.line-chart-empty h2{color:#fafafa;margin-bottom:12px;font-size:24px}.line-chart-empty p{color:#a0a0a0;font-size:16px}.line-chart-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.line-chart-header-content h2{color:#fafafa;margin:0;font-size:28px;font-weight:600}.line-chart-header-actions{align-items:center;gap:12px;display:flex}.save-csv-button,.save-image-button{color:#a0e0c0;cursor:pointer;background:#1a3a2a;border:1px solid #2a5a3a;border-radius:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.save-csv-button:hover,.save-image-button:hover{background:#255a3a;border-color:#3a7a5a;transform:translateY(-1px)}.save-csv-button:disabled{opacity:.5;cursor:not-allowed}.line-chart-controls{flex-wrap:wrap;gap:20px;margin-bottom:24px;display:flex}.line-chart-control{flex-direction:column;gap:8px;display:flex}.line-chart-control label{color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.line-chart-control select{color:#fafafa;cursor:pointer;background:#252525;border:1px solid #333;border-radius:8px;outline:none;min-width:200px;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.line-chart-control select:hover{border-color:#555}.line-chart-control select:focus{border-color:#e6d7af}.line-chart-y-axis-selector{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:20px;padding:20px}.line-chart-y-axis-selector h3{color:#fafafa;margin:0 0 16px;font-size:16px;font-weight:600}.y-axis-checkboxes{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.y-axis-checkbox{cursor:pointer;color:#d0d0d0;background:#252525;border:1px solid #333;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;transition:all .2s;display:flex}.y-axis-checkbox:hover{background:#2a2a2a;border-color:#555}.y-axis-checkbox input[type=checkbox]{cursor:pointer;accent-color:#e6d7af;width:16px;height:16px}.line-chart-tooltip-selector,.line-chart-advanced{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:20px;padding:20px}.tooltip-selector-toggle{color:#fafafa;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;transition:color .2s;display:flex}.tooltip-selector-toggle:hover{color:#e6d7af}.tooltip-toggle-icon{color:#a0a0a0;min-width:20px;font-size:12px}.tooltip-selected-count{color:#e6d7af;font-size:13px;font-weight:500}.tooltip-columns-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px;display:grid}.tooltip-column-checkbox{cursor:pointer;color:#d0d0d0;background:#252525;border:1px solid #333;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;transition:all .2s;display:flex}.tooltip-column-checkbox:hover{background:#2a2a2a;border-color:#555}.advanced-options-content{margin-top:20px}.advanced-option-group{border-bottom:1px solid #2a2a2a;margin-bottom:24px;padding-bottom:24px}.advanced-option-group:last-of-type{border-bottom:none}.advanced-group-label{color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600;display:block}.advanced-text-input{color:#fafafa;background:#252525;border:1px solid #333;border-radius:6px;outline:none;width:100%;max-width:500px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.line-colors-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.line-color-control{background:#252525;border:1px solid #333;border-radius:6px;align-items:center;gap:12px;padding:10px 14px;display:flex}.line-color-control label{color:#d0d0d0;flex:1;font-size:13px}.color-picker{cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;width:50px;height:35px}.line-style-controls{flex-direction:column;gap:16px;display:flex}.line-style-control{align-items:center;gap:12px;display:flex}.line-style-control label{color:#d0d0d0;min-width:100px;font-size:13px}.curve-type-select{color:#fafafa;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;outline:none;min-width:150px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.curve-type-select:hover{border-color:#555}.curve-type-select:focus{border-color:#e6d7af}.size-slider{flex:1;max-width:200px}.size-value{color:#e6d7af;min-width:40px;font-size:13px;font-weight:600}.advanced-checkbox{cursor:pointer;color:#d0d0d0;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.filter-conditions{flex-direction:column;gap:12px;display:flex}.filter-condition-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-select{color:#fafafa;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;outline:none;min-width:150px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.filter-select:hover{border-color:#555}.filter-select:focus{border-color:#e6d7af}.filter-input{color:#fafafa;background:#252525;border:1px solid #333;border-radius:6px;outline:none;flex:1;min-width:150px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.filter-input:focus{border-color:#e6d7af}.filter-input::placeholder{color:#666}.filter-remove-btn{color:#f66;cursor:pointer;background:#2a1a1a;border:1px solid #533;border-radius:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.filter-remove-btn:hover{background:#3a2020;border-color:#644}.filter-add-btn{color:#e6d7af;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;width:fit-content;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.filter-add-btn:hover{background:#2a2a2a;border-color:#e6d7af}.filter-info{color:#e6d7af;background:#2a2a1a;border:1px solid #3a3a2a;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500}.advanced-apply-section{border-top:1px solid #2a2a2a;margin-top:24px;padding-top:24px}.apply-settings-btn{color:#000;cursor:pointer;background:#e6d7af;border:1px solid #eddd0c;border-radius:8px;padding:12px 32px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .2s}.apply-settings-btn:hover{background:#f0e5c5;transform:translateY(-1px);box-shadow:0 4px 12px #e6d7af4d}.line-chart-container{background:#1a1a1a;border:1px solid #333;border-radius:12px;flex-direction:column;flex:1;min-height:500px;padding:24px;display:flex;position:relative}.line-chart-title{color:#fafafa;text-align:center;margin-bottom:20px;font-size:20px;font-weight:600}.line-chart-canvas{flex:1;min-height:450px;position:relative}.chart-hidden-message{color:#666;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.chart-hidden-icon{opacity:.5;margin-bottom:16px;font-size:60px}.chart-hidden-message h3{color:#fafafa;margin-bottom:8px;font-size:20px}.chart-hidden-message p{color:#a0a0a0;font-size:14px}.custom-lines-builder{flex-direction:column;gap:16px;display:flex}.custom-line-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.custom-line-select{color:#fafafa;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;outline:none;min-width:120px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.custom-line-select:hover{border-color:#555}.custom-line-select:focus{border-color:#e6d7af}.custom-line-input{color:#fafafa;background:#252525;border:1px solid #333;border-radius:6px;outline:none;flex:1;min-width:150px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.custom-line-input:focus{border-color:#e6d7af}.custom-line-input::placeholder{color:#666}.custom-line-color{cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;width:50px;height:35px}.add-custom-line-btn{color:#e6d7af;cursor:pointer;white-space:nowrap;background:#252525;border:1px solid #333;border-radius:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.add-custom-line-btn:hover:not(:disabled){background:#2a2a2a;border-color:#e6d7af}.add-custom-line-btn:disabled{opacity:.5;cursor:not-allowed}.existing-custom-lines{background:#252525;border:1px solid #333;border-radius:6px;flex-direction:column;gap:10px;padding:16px;display:flex}.custom-line-item{background:#1a1a1a;border:1px solid #333;border-radius:6px;align-items:center;gap:12px;padding:10px 14px;transition:all .3s;display:flex}.custom-line-preview{border-radius:2px;flex-shrink:0;width:30px;height:4px}.custom-line-details{color:#d0d0d0;flex:1;font-size:13px}.custom-line-actions{gap:8px;display:flex}.edit-custom-line-btn{color:#6ab8ff;cursor:pointer;white-space:nowrap;background:#1a2a3a;border:1px solid #2a4a6a;border-radius:4px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.edit-custom-line-btn:hover:not(:disabled){background:#254060;border-color:#3a6090;box-shadow:0 0 10px #6ab8ff33}.edit-custom-line-btn:disabled{opacity:.4;cursor:not-allowed}.remove-custom-line-btn{color:#f66;cursor:pointer;white-space:nowrap;background:#2a1a1a;border:1px solid #533;border-radius:4px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.remove-custom-line-btn:hover{background:#3a2020;border-color:#644;box-shadow:0 0 10px #f663}.cancel-custom-line-btn{color:#d0d0a0;cursor:pointer;white-space:nowrap;background:#2a2a1a;border:1px solid #4a4a33;border-radius:6px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.cancel-custom-line-btn:hover{background:#3a3a2a;border-color:#6a6a53}.sql-viewer{flex-direction:column;height:100%;padding:24px;display:flex;overflow-y:auto}.sql-viewer-container{max-width:100%}.sql-viewer-title-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sql-viewer-container h2{color:#fafafa;margin:0;font-size:24px;font-weight:600}.toggle-sql-btn{color:#e6d7af;cursor:pointer;background:#252525;border:1px solid #333;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.toggle-sql-btn:hover{background:#2a2a2a;border-color:#e6d7af;transform:translateY(-1px)}.sql-viewer-container h3{color:#fafafa;margin:0 0 12px;font-size:16px;font-weight:600}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:0 0 16px;transition:color .2s;display:flex}.collapsible-header:hover{color:#e6d7af}.collapse-icon{min-width:20px;font-size:14px;display:inline-block}.sql-viewer-container h4{color:#a0a0a0;margin:0 0 8px;font-size:14px;font-weight:600}.query-section{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:20px;padding:20px}.select-controls{gap:12px;margin-bottom:16px;display:flex}.select-controls button{color:#fafafa;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.select-controls button:hover{background:#2a2a2a;border-color:#555}.column-checkboxes{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:12px;display:grid}.column-checkbox{cursor:pointer;color:#d0d0d0;background:#252525;border:1px solid #333;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.column-checkbox:hover{background:#2a2a2a;border-color:#555}.column-checkbox input[type=checkbox]{cursor:pointer;accent-color:#e6d7af;width:16px;height:16px}.aggregation-section{border-bottom:1px solid #333;margin-bottom:24px;padding-bottom:24px}.aggregation-section h4{color:#fafafa;margin:0 0 8px;font-size:14px;font-weight:600}.aggregation-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.aggregation-item{background:#252525;border:1px solid #333;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.aggregation-item:hover{background:#2a2a2a;border-color:#444}.aggregation-column-name{color:#e6d7af;flex:none;min-width:120px;font-size:14px;font-weight:500}.column-alias-input{color:#fafafa;background-color:#1a1a1a;border:1px solid #333;border-radius:4px;flex:1;max-width:250px;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:13px}.column-alias-input::placeholder{color:#666;font-style:italic}.column-alias-input:focus{background-color:#252525;border-color:#e6d7af;outline:none}.aggregation-select{color:#d0d0d0;cursor:pointer;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;min-width:160px;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;transition:all .2s}.aggregation-select:hover{background-color:#2d2d2d;border-color:#555}.aggregation-select:focus{border-color:#e6d7af;outline:none;box-shadow:0 0 0 2px #e6d7af1a}.aggregation-select.aggregation-active{color:#4ade80;background-color:#1a3a1a;border-color:#2d5a2d;font-weight:500}.aggregation-select.aggregation-active:hover{background-color:#1d4a1d;border-color:#3d6a3d}.add-column-btn{color:#fafafa;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.add-column-btn:hover{color:#e6d7af;background:#2a2a2a;border-color:#e6d7af}.selection-count{color:#1a1a1a;background:#e6d7af;border-radius:10px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.groupby-section{margin-top:0}.groupby-section h4{color:#fafafa;margin:0 0 8px;font-size:14px;font-weight:600}.hint-warning{margin-top:8px;color:#fb923c!important}.hint{color:#666;margin:8px 0 0;font-size:13px;font-style:italic}.selected-columns-order{border-top:1px solid #333;margin-top:20px;padding-top:20px}.column-order-list{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.column-order-item{background:#252525;border:1px solid #333;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex}.column-order-item:hover{background:#2a2a2a;border-color:#444}.column-order-name{color:#fafafa;flex:1;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.custom-badge{color:#e6d7af;text-transform:uppercase;letter-spacing:.5px;background:#3a2a1a;border:1px solid #5a4a2a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.column-order-controls{gap:4px;display:flex}.column-order-btn{color:#e6d7af;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:4px;justify-content:center;align-items:center;min-width:28px;height:24px;padding:4px 8px;font-family:DM Sans,sans-serif;font-size:11px;line-height:1;transition:all .2s;display:flex}.column-order-btn:hover:not(:disabled){background:#252525;border-color:#e6d7af;transform:translateY(-1px)}.column-order-btn:disabled{opacity:.3;cursor:not-allowed}.condition-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.condition-row select{color:#fafafa;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;outline:none;min-width:150px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.condition-row select:hover{border-color:#555}.condition-row select:focus{border-color:#e6d7af}.condition-value-input{color:#fafafa;background:#252525;border:1px solid #333;border-radius:6px;outline:none;flex:1;min-width:150px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.condition-value-input:focus{border-color:#e6d7af}.condition-value-input::placeholder{color:#666}.remove-btn{color:#f66;cursor:pointer;background:#2a1a1a;border:1px solid #533;border-radius:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.remove-btn:hover{background:#3a2020;border-color:#644}.add-condition-btn{color:#e6d7af;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;margin-top:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.add-condition-btn:hover{background:#2a2a2a;border-color:#e6d7af}.order-by-row{align-items:center;gap:12px;display:flex}.order-by-column{color:#fafafa;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;outline:none;min-width:200px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.order-by-column:hover{border-color:#555}.order-by-column:focus{border-color:#e6d7af}.order-by-row select:disabled{opacity:.5;cursor:not-allowed}.limit-input{color:#fafafa;background:#252525;border:1px solid #333;border-radius:6px;outline:none;width:100%;max-width:300px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.limit-input:focus{border-color:#e6d7af}.limit-input::placeholder{color:#666}.action-buttons{gap:12px;margin-bottom:32px;display:flex}.execute-btn{color:#000;cursor:pointer;background:#e6d7af;border:1px solid #eddd0c;border-radius:8px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.execute-btn:hover{background:#f0e5c5;transform:translateY(-1px);box-shadow:0 4px 12px #e6d7af4d}.clear-btn{color:#fafafa;cursor:pointer;background:#252525;border:1px solid #333;border-radius:8px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.clear-btn:hover{background:#2a2a2a;border-color:#555}.export-csv-btn{color:#a0e0c0;cursor:pointer;background:#1a3a2a;border:1px solid #2a5a3a;border-radius:8px;align-items:center;gap:6px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.export-csv-btn:hover{background:#255a3a;border-color:#3a7a5a;transform:translateY(-1px)}.group-builder{flex-direction:column;gap:16px;display:flex}.group-name-input{color:#fafafa;background:#252525;border:1px solid #333;border-radius:6px;outline:none;width:100%;max-width:300px;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px}.group-name-input::placeholder{color:#666}.group-column-checkboxes{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.add-group-btn{color:#e6d7af;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;align-self:flex-start;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.add-group-btn:hover:not(:disabled){background:#2a2a2a;border-color:#e6d7af}.add-group-btn:disabled{opacity:.5;cursor:not-allowed}.existing-groups{border-top:1px solid #333;margin-top:20px;padding-top:20px}.group-item{background:#252525;border:1px solid #333;border-radius:6px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.group-item-name{color:#e6d7af;font-size:13px;font-weight:600}.group-item-columns{color:#a0a0a0;flex:1;font-size:12px}.remove-group-btn{color:#f66;cursor:pointer;background:#2a1a1a;border:1px solid #533;border-radius:6px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.remove-group-btn:hover{background:#3a2020;border-color:#644}.query-results{margin-top:32px}.query-results h3{margin-bottom:16px}.grouped-data-table{border-collapse:collapse;background:#1a1a1a;border:1px solid #333;border-radius:8px;width:100%;font-size:13px;overflow:hidden}.group-header-row{background:#252525}.group-header:last-child{border-right:none}.ungrouped-header{background:#252525;border-bottom:2px solid #444;border-right:1px solid #444}.ungrouped-header:last-child{border-right:none}.column-header-row{background:#252525}.column-header{color:#fafafa;text-align:left;z-index:10;cursor:pointer;background:#252525;border-bottom:2px solid #333;border-right:1px solid #2a2a2a;padding:12px 16px;font-weight:600;transition:background .15s;position:sticky;top:0}.column-header:hover{background:#2a2a2a}.column-header:last-child{border-right:none}.grouped-data-table tbody tr{transition:background .15s}.grouped-data-table tbody tr:hover{background:#252525}.grouped-data-table tbody td{color:#d0d0d0;border-bottom:1px solid #2a2a2a;border-right:1px solid #222;padding:10px 16px}.grouped-data-table tbody td:last-child{border-right:none}.grouped-data-table tbody tr:last-child td{border-bottom:none}.no-results{text-align:center;color:#666;background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-top:24px;padding:48px;font-size:16px}.custom-column-builder{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.custom-column-name-input,.custom-column-expression-input{color:#fafafa;background:#252525;border:1px solid #333;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.custom-column-name-input:focus,.custom-column-expression-input:focus{border-color:#e6d7af}.custom-column-name-input::placeholder,.custom-column-expression-input::placeholder{color:#666}.add-custom-column-btn{color:#e6d7af;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;width:fit-content;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.add-custom-column-btn:hover{background:#2a2a2a;border-color:#e6d7af}.add-custom-column-btn:disabled{opacity:.5;cursor:not-allowed}.existing-custom-columns{flex-direction:column;gap:12px;margin-top:16px;display:flex}.custom-column-item{background:#252525;border:1px solid #333;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.custom-column-details{flex-direction:column;flex:1;gap:4px;display:flex}.custom-column-name{color:#e6d7af;font-size:13px;font-weight:600}.custom-column-expression{color:#a0a0a0;font-family:Courier New,monospace;font-size:12px}.remove-custom-column-btn{color:#f66;cursor:pointer;white-space:nowrap;background:#2a1a1a;border:1px solid #533;border-radius:6px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.remove-custom-column-btn:hover{background:#3a2020;border-color:#644}.custom-column-hint{color:#666;margin-top:8px;font-size:12px;font-style:italic}.point-style-config-actions{border-bottom:1px solid #333;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.config-action-btn{color:#e6d7af;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.config-action-btn:hover:not(:disabled){background:#2a2a2a;border-color:#e6d7af;transform:translateY(-1px)}.config-action-btn:disabled{opacity:.4;cursor:not-allowed}.point-style-builder{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.point-style-row{gap:12px;display:flex}.point-style-label-input{color:#fafafa;background:#252525;border:1px solid #333;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.point-style-label-input:focus{border-color:#e6d7af}.point-style-label-input::placeholder{color:#666}.point-style-condition{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.point-style-select{color:#fafafa;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;outline:none;min-width:150px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.point-style-select:hover{border-color:#555}.point-style-select:focus{border-color:#e6d7af}.point-style-value-input{color:#fafafa;background:#252525;border:1px solid #333;border-radius:6px;outline:none;flex:1;min-width:150px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px}.point-style-value-input:focus{border-color:#e6d7af}.point-style-value-input::placeholder{color:#666}.point-style-appearance{background:#252525;border:1px solid #333;border-radius:6px;align-items:center;gap:20px;padding:12px;display:flex}.point-style-color-control,.point-style-size-control{align-items:center;gap:8px;display:flex}.point-style-color-control label,.point-style-size-control label{color:#d0d0d0;font-size:13px;font-weight:500}.point-style-color-picker{cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;width:50px;height:35px}.point-style-size-slider{width:150px}.point-style-size-value{color:#e6d7af;min-width:40px;font-size:13px;font-weight:600}.add-point-style-btn{color:#e6d7af;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;width:fit-content;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.add-point-style-btn:hover:not(:disabled){background:#2a2a2a;border-color:#e6d7af}.add-point-style-btn:disabled{opacity:.5;cursor:not-allowed}.existing-point-styles{flex-direction:column;gap:12px;margin-top:16px;display:flex}.point-style-item{background:#252525;border:1px solid #333;border-radius:6px;align-items:center;gap:12px;padding:12px;display:flex}.point-style-preview{border:2px solid #444;border-radius:50%;flex-shrink:0;width:24px;height:24px}.point-style-details{flex-direction:column;flex:1;gap:4px;display:flex}.point-style-name{color:#e6d7af;font-size:13px;font-weight:600}.point-style-condition-text{color:#a0a0a0;font-family:Courier New,monospace;font-size:12px}.point-style-size-badge{color:#a0a0a0;white-space:nowrap;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:4px 8px;font-size:11px}.remove-point-style-btn{color:#f66;cursor:pointer;white-space:nowrap;background:#2a1a1a;border:1px solid #533;border-radius:6px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.remove-point-style-btn:hover{background:#3a2020;border-color:#644}.point-style-hint{color:#666;margin-top:12px;font-size:12px}.point-style-hint p{margin:4px 0;font-style:italic}.data-exporter{max-width:1200px;height:100%;margin:0 auto;padding:24px;overflow-y:auto}.data-exporter-header{margin-bottom:32px}.data-exporter-header h1{color:#fafafa;margin-bottom:8px;font-size:32px;font-weight:700}.data-exporter-subtitle{color:#a0a0a0;font-size:16px}.data-exporter-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:32px;display:flex}.data-exporter-empty-icon{color:#666;margin-bottom:24px}.data-exporter-empty h2{color:#fafafa;margin-bottom:8px;font-size:24px;font-weight:600}.data-exporter-empty p{color:#a0a0a0;font-size:16px}.data-exporter-info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.data-info-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px;transition:all .3s}.data-info-card:hover{border-color:#e6d7af;transform:translateY(-2px)}.data-info-label{color:#666;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:12px;font-weight:600}.data-info-value{color:#e6d7af;word-break:break-word;font-size:28px;font-weight:700}.export-format-section{margin-bottom:32px}.export-format-section h2{color:#fafafa;margin-bottom:16px;font-size:20px;font-weight:600}.export-format-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.export-format-card{cursor:pointer;background:#1a1a1a;border:2px solid #333;border-radius:12px;padding:24px;transition:all .3s;position:relative}.export-format-card:hover{background:#252525;border-color:#e6d7af;transform:translateY(-3px)}.export-format-card.selected{background:#252525;border-color:#e6d7af}.export-format-icon{color:#e6d7af;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.export-format-label{color:#fafafa;margin-bottom:8px;font-size:20px;font-weight:600}.export-format-description{color:#a0a0a0;font-size:14px;line-height:1.5}.export-format-check{color:#000;background:#e6d7af;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:16px;right:16px}.export-action-section{justify-content:center;margin-bottom:32px;display:flex}.export-button{color:#000;cursor:pointer;background:#e6d7af;border:1px solid #eddd0c;border-radius:8px;align-items:center;gap:12px;padding:16px 32px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;transition:all .3s;display:flex}.export-button:hover{background:#f0e5c5;transform:translateY(-2px)}.export-button:active{transform:translateY(0)}.export-message{border:1px solid;border-radius:8px;align-items:center;gap:12px;margin-bottom:32px;padding:16px 24px;animation:.3s slideDown;display:flex}.export-message.success{color:#7fda7f;background:#1a3a1a;border-color:#4a8a4a}.export-message.error{color:#da7f7f;background:#3a1a1a;border-color:#8a4a4a}.export-preview-section{margin-top:32px}.export-preview-section h2{color:#fafafa;margin-bottom:16px;font-size:20px;font-weight:600}.export-preview-table-container{background:#1a1a1a;border:1px solid #333;border-radius:8px;max-height:400px;overflow:auto}.export-preview-table{border-collapse:collapse;width:100%;font-size:13px}.export-preview-table thead{z-index:1;background:#252525;position:sticky;top:0}.export-preview-table th{text-align:left;color:#fafafa;white-space:nowrap;border-bottom:2px solid #333;padding:12px 16px;font-weight:600}.export-preview-table td{color:#d0d0d0;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #2a2a2a;max-width:300px;padding:10px 16px;overflow:hidden}.export-preview-table tbody tr{transition:background .15s}.export-preview-table tbody tr:hover{background:#252525}.preview-ellipsis td{text-align:center;color:#666;font-style:italic}@media(max-width:768px){.data-exporter{padding:16px}.data-exporter-header h1{font-size:24px}.export-format-grid,.data-exporter-info{grid-template-columns:1fr}.export-button{justify-content:center;width:100%}.welcome-company .core-softworks-logo{background-position:50%;background-repeat:no-repeat;width:3em;height:3em}.welcome-title{font-size:40px}.welcome-subtitle{font-size:18px}.welcome-cta-container{flex-direction:column;width:100%}.welcome-cta-primary,.welcome-cta-secondary{width:100%;max-width:300px}.features-title{font-size:32px}.welcome-content-features{grid-template-columns:1fr}.format-badges{flex-wrap:wrap}.app-sidebar{width:200px}.scatter-plot-controls{flex-direction:column;align-items:flex-start;gap:16px}.advanced-checkboxes{grid-template-columns:1fr}.advanced-appearance-controls{flex-direction:column;align-items:flex-start}.csv-viewer-th,.csv-viewer-td{padding:8px 12px}}@media(max-width:480px){.welcome-title{font-size:32px}.features-title{font-size:28px}.app-sidebar{border-bottom:1px solid #333;border-right:none;width:100%}.scatter-plot-control select{min-width:100%}.tooltip-columns-grid,.group-columns-selector{grid-template-columns:1fr}}.error-boundary{background:#111;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.error-boundary-content{text-align:center;max-width:500px}.error-boundary-icon{opacity:.5;margin-bottom:24px;font-size:80px}.error-boundary-content h1{color:#fafafa;margin:0 0 16px;font-size:32px;font-weight:600}.error-boundary-content p{color:#a0a0a0;margin:0 0 32px;font-size:16px}.error-boundary-button{color:#000;cursor:pointer;background:#e6d7af;border:1px solid #eddd0c;border-radius:8px;padding:12px 32px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.error-boundary-button:hover{background:#f0e5c5;transform:translateY(-1px);box-shadow:0 4px 12px #e6d7af4d}.not-found-page{background:#111;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.not-found-content{text-align:center;max-width:500px}.not-found-icon{color:#e6d7af;margin-bottom:24px;font-size:120px;font-weight:700;line-height:1}.not-found-content h1{color:#fafafa;margin:0 0 16px;font-size:32px;font-weight:600}.not-found-content p{color:#a0a0a0;margin:0 0 32px;font-size:16px}.not-found-button{color:#000;cursor:pointer;background:#e6d7af;border:1px solid #eddd0c;border-radius:8px;padding:12px 32px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.not-found-button:hover{background:#f0e5c5;transform:translateY(-1px);box-shadow:0 4px 12px #e6d7af4d}.homepage-header-icon{background:url(/viewer.svg);width:3em;height:3em}.homepage-header-icon-container{align-items:center;gap:8px;font-family:DM Sans,sans-serif;display:flex}.homepage-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:900;background:#1a1a1a99;border-bottom:1px solid #333;width:100%;height:70px;position:fixed;top:0;left:0}.homepage-header-container{color:#fafafafa;justify-content:space-between;align-items:center;max-width:1180px;height:100%;margin:0 auto;padding:0 15px;display:flex}a.homepage-header-link{letter-spacing:.001em;cursor:pointer;color:#000;box-sizing:border-box;background:#e6d7af;border:1px solid #eddd0c;border-radius:100px;margin-right:10px;padding:12px 20px;font-family:SuisseIntl,sans-serif;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:all .3s;display:inline-block}.core-softworks-logo{cursor:pointer;background:url(/websafe.svg) 0 0/contain;width:3em;height:3em}.welcome-page{min-height:100vh;padding-top:70px}.welcome-container{max-width:1180px;margin:0 auto;padding:0 15px}.welcome-header{text-align:center;padding:80px 0 60px}.welcome-title{color:#fafafa;letter-spacing:-.02em;margin:0 0 24px;font-size:56px;font-weight:700;line-height:1.1}.welcome-subtitle{color:#a0a0a0;max-width:700px;margin:0 auto 40px;font-size:20px;line-height:1.6}.welcome-cta-container{justify-content:center;align-items:center;gap:16px;display:flex}.welcome-cta-primary{color:#000;cursor:pointer;background:#e6d7af;border:1px solid #eddd0c;border-radius:100px;padding:16px 32px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;transition:all .3s}.welcome-cta-primary:hover{transform:translateY(-2px)}.welcome-cta-secondary{color:#fafafa;cursor:pointer;background:0 0;border:1px solid #333;border-radius:100px;padding:16px 32px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;transition:all .3s}.welcome-cta-secondary:hover{background:#1a1a1a;border-color:#555}.welcome-content{padding:60px 0}.welcome-content-headline{text-align:center;margin-bottom:60px}.features-title{color:#fafafa;letter-spacing:-.02em;margin:0 0 16px;font-size:40px;font-weight:700}.features-subtitle{color:#a0a0a0;margin:0;font-size:18px}.welcome-content-features{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:80px;display:grid}.feature-card{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:32px;transition:all .3s}.feature-card:hover{border-color:#555;transform:translateY(-4px)}.feature-icon{margin-bottom:16px;font-size:48px}.feature-card h3{color:#fafafa;margin:0 0 12px;font-size:22px;font-weight:600}.feature-card p{color:#a0a0a0;margin:0;font-size:15px;line-height:1.6}.welcome-content-icons{text-align:center;padding:40px 0}.supported-formats{display:inline-block}.formats-label{color:#a0a0a0;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px;font-size:14px;font-weight:600}.format-badges{justify-content:center;gap:12px;display:flex}.format-badge{color:#fafafa;letter-spacing:.05em;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600}.welcome-company{justify-content:center;align-items:center;display:flex}.welcome-company .core-softworks-logo{background-position:50%;background-repeat:no-repeat;width:6em;height:6em}@media(max-width:768px){.welcome-company .core-softworks-logo{background-position:50%;background-repeat:no-repeat;width:3em;height:3em}.welcome-title{font-size:40px}.welcome-subtitle{font-size:18px}.welcome-cta-container{flex-direction:column;width:100%}.welcome-cta-primary,.welcome-cta-secondary{width:100%;max-width:300px}.features-title{font-size:32px}.welcome-content-features{grid-template-columns:1fr}.format-badges{flex-wrap:wrap}}.app-container{background:#111;flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;display:flex;overflow:hidden}.app-header{background:#1a1a1a;border-bottom:1px solid #333;flex-shrink:0;align-items:center;height:64px;display:flex}.app-header-container{justify-content:space-between;align-items:center;width:100%;padding:0 24px;display:flex}.app-header-left{align-items:center;gap:12px;display:flex}.app-header-icon{background:url(/viewer.svg) 0 0/contain;width:32px;height:32px}.app-header-title h1{color:#fafafa;margin:0;font-size:20px;font-weight:600;line-height:1}.app-header-filename{color:#a0a0a0;margin-left:8px;font-size:13px}.app-header-right{align-items:center;gap:12px;display:flex}.app-upload-button{color:#000;cursor:pointer;background:#e6d7af;border:1px solid #eddd0c;border-radius:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.app-upload-button:hover{background:#f0e5c5;transform:translateY(-1px)}.app-sidebar{background:#1a1a1a;border-right:1px solid #333;flex-shrink:0;width:240px;padding:24px 16px;overflow-y:auto}.app-sidebar-section{margin-bottom:32px}.app-sidebar-title{color:#666;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;padding:0 8px;font-size:12px;font-weight:600}.app-sidebar-items{flex-direction:column;gap:4px;display:flex}.app-sidebar-item{color:#a0a0a0;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.app-sidebar-item:hover{color:#fafafa;background:#252525}.app-sidebar-item.active{color:#fafafa;background:#2a2a2a;border-left:3px solid #e6d7af;padding-left:9px}.app-sidebar-item-icon{font-size:18px;line-height:1}.app-sidebar-item-label{line-height:1}.app-content{background:#111;flex:1;overflow:auto}.csv-viewer{flex-direction:column;height:100%;padding:24px;display:flex}.csv-viewer-header{margin-bottom:24px}.csv-viewer-header h2{color:#fafafa;margin:0 0 8px;font-size:24px;font-weight:600}.csv-viewer-info{color:#a0a0a0;margin:0;font-size:14px}.csv-viewer-table-container{background:#1a1a1a;border:1px solid #333;border-radius:8px;flex:1;overflow:auto}.csv-viewer-table{border-collapse:collapse;width:100%;font-size:13px}.csv-viewer-th,.csv-viewer-th-index{color:#fafafa;text-align:left;z-index:10;background:#252525;border-bottom:2px solid #333;padding:12px 16px;font-weight:600;position:sticky;top:0}.csv-viewer-th-index{text-align:center;color:#666;width:60px}.csv-viewer-td,.csv-viewer-td-index{color:#d0d0d0;cursor:pointer;border-bottom:1px solid #2a2a2a;padding:10px 16px;transition:background .15s}.csv-viewer-td:hover{background:#252525}.csv-viewer-td-index{text-align:center;color:#666;cursor:default;background:#1a1a1a;width:60px}.csv-viewer-input{color:#fafafa;background:#2a2a2a;border:1px solid #e6d7af;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-family:DM Sans,sans-serif;font-size:13px}.csv-viewer-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:48px;display:flex}.csv-viewer-empty-icon{opacity:.5;margin-bottom:24px;font-size:64px}.csv-viewer-empty h2{color:#fafafa;margin:0 0 12px;font-size:24px;font-weight:600}.csv-viewer-empty p{color:#a0a0a0;margin:0;font-size:16px}.scatter-plot{flex-direction:column;height:100%;padding:24px;display:flex}.scatter-plot-header{margin-bottom:24px}.scatter-plot-title-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.scatter-plot-header h2{color:#fafafa;margin:0;font-size:24px;font-weight:600}.save-image-button{color:#000;cursor:pointer;background:#e6d7af;border:1px solid #eddd0c;border-radius:8px;gap:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.save-image-button:hover{background:#f0e5c5;transform:translateY(-1px);box-shadow:0 4px 12px #e6d7af4d}.scatter-plot-controls{align-items:center;gap:24px;margin-bottom:20px;display:flex}.scatter-plot-control{align-items:center;gap:12px;display:flex}.scatter-plot-label-customizer{background:#1a1a1a;border:1px solid #333;border-radius:8px;flex-direction:column;gap:8px;margin-top:16px;padding:16px;display:flex}.label-customizer-header{justify-content:space-between;align-items:center;display:flex}.scatter-plot-label-customizer label{color:#a0a0a0;font-size:13px;font-weight:600}.cheatsheet-button{color:#e6d7af;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.cheatsheet-button:hover{background:#2a2a2a;border-color:#e6d7af}.label-template-input{color:#fafafa;background:#252525;border:1px solid #333;border-radius:6px;outline:none;padding:10px 12px;font-family:Courier New,monospace;font-size:13px;transition:border-color .2s}.label-template-input:focus{border-color:#e6d7af}.label-template-input::placeholder{color:#666}.label-template-hint{color:#666;font-size:11px;font-style:italic}.scatter-plot-tooltip-selector{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-top:16px;overflow:hidden}.tooltip-selector-toggle{color:#fafafa;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:14px 16px;font-family:DM Sans,sans-serif;transition:background .2s;display:flex}.tooltip-selector-toggle:hover{background:#252525}.tooltip-toggle-icon{color:#a0a0a0;font-size:10px;transition:transform .2s}.tooltip-selector-label{color:#fafafa;font-size:14px;font-weight:600}.tooltip-selected-count{color:#e6d7af;margin-left:auto;font-size:13px;font-weight:500}.tooltip-columns-grid{border-top:1px solid #333;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:16px;animation:.2s ease-out slideDown;display:grid}.tooltip-column-checkbox{cursor:pointer;color:#a0a0a0;align-items:center;gap:8px;font-size:13px;transition:color .2s;display:flex}.tooltip-column-checkbox:hover{color:#fafafa}.tooltip-column-checkbox input[type=checkbox]{cursor:pointer;accent-color:#e6d7af;width:16px;height:16px}.scatter-plot-control label{color:#a0a0a0;font-size:14px;font-weight:500}.scatter-plot-control select{color:#fafafa;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:6px;outline:none;min-width:150px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:14px}.scatter-plot-control select:hover{border-color:#555}.scatter-plot-control select:focus{border-color:#e6d7af}.scatter-plot-chart{background:#1a1a1a;border:1px solid #333;border-radius:8px;flex:1;min-height:500px;max-height:600px;padding:24px;position:relative}.scatter-plot-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:48px;display:flex}.scatter-plot-empty-icon{opacity:.5;margin-bottom:24px;font-size:64px}.scatter-plot-empty h2{color:#fafafa;margin:0 0 12px;font-size:24px;font-weight:600}.scatter-plot-empty p{color:#a0a0a0;max-width:500px;margin:0;font-size:16px}.scatter-plot-advanced{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-top:16px;overflow:hidden}.advanced-options-content{border-top:1px solid #333;flex-direction:column;gap:20px;padding:16px;animation:.2s ease-out slideDown;display:flex}.advanced-option-group{flex-direction:column;gap:10px;display:flex}.advanced-group-label{color:#a0a0a0;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.advanced-text-input{color:#fafafa;background:#252525;border:1px solid #333;border-radius:6px;outline:none;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s}.advanced-text-input:focus{border-color:#e6d7af}.advanced-text-input::placeholder{color:#666}.advanced-checkboxes{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.advanced-checkbox{cursor:pointer;color:#d0d0d0;align-items:center;gap:8px;font-size:13px;transition:color .2s;display:flex}.advanced-checkbox:hover{color:#fafafa}.advanced-checkbox input[type=checkbox]{cursor:pointer;accent-color:#e6d7af;width:16px;height:16px}.advanced-appearance-controls{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.appearance-control{align-items:center;gap:10px;display:flex}.appearance-control label{color:#d0d0d0;font-size:13px}.color-picker{cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;outline:none;width:50px;height:32px}.cheatsheet-dialog{background:#1a1a1a;border:1px solid #333;border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;animation:.3s ease-out slideUp;display:flex;overflow:hidden}.cheatsheet-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cheatsheet-header h3{color:#fafafa;margin:0;font-size:20px;font-weight:600}.cheatsheet-close{color:#a0a0a0;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:DM Sans,sans-serif;font-size:20px;transition:color .2s}.cheatsheet-close:hover{color:#fafafa}.cheatsheet-content{flex-direction:column;gap:24px;padding:24px;display:flex;overflow-y:auto}.cheatsheet-section{flex-direction:column;gap:8px;display:flex}.cheatsheet-section h4{color:#e6d7af;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:14px;font-weight:600}.cheatsheet-section code{color:#4ecdc4;background:#252525;border:1px solid #333;border-radius:6px;padding:8px 12px;font-family:Courier New,monospace;font-size:13px;display:block}.cheatsheet-section p{color:#a0a0a0;margin:0 0 12px;padding-left:12px;font-size:13px}@media(max-width:768px){.app-sidebar{width:200px}.scatter-plot-controls{flex-direction:column;align-items:flex-start;gap:16px}.csv-viewer-th,.csv-viewer-td{padding:8px 12px}.advanced-checkboxes{grid-template-columns:1fr}.advanced-appearance-controls{flex-direction:column;align-items:flex-start}}.sql-viewer{flex-direction:column;padding:24px;display:flex}.sql-viewer-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sql-viewer-header h2{color:#fafafa;margin:0;font-size:24px;font-weight:600}.sql-header-buttons{gap:12px;display:flex}.grouping-toggle-button{color:#e6d7af;cursor:pointer;background:#252525;border:1px solid #333;border-radius:8px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.grouping-toggle-button:hover{background:#2a2a2a;border-color:#e6d7af}.available-columns-panel{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:20px;padding:16px;animation:.2s ease-out slideDown}.available-columns-title{color:#a0a0a0;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:14px;font-weight:600}.available-columns-list{flex-wrap:wrap;gap:8px;display:flex}.column-badge{color:#4ecdc4;cursor:default;background:#252525;border:1px solid #333;border-radius:6px;padding:6px 12px;font-family:Courier New,monospace;font-size:13px;font-weight:500;transition:all .2s}.column-badge:hover{background:#2a2a2a;border-color:#4ecdc4}.sql-editor{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.sql-textarea{color:#fafafa;resize:vertical;background:#1a1a1a;border:1px solid #333;border-radius:8px;outline:none;width:100%;min-height:120px;padding:16px;font-family:Courier New,monospace;font-size:14px;line-height:1.5}.sql-textarea:focus{border-color:#e6d7af}.sql-textarea::placeholder{color:#666}.execute-button{color:#000;cursor:pointer;background:#e6d7af;border:1px solid #eddd0c;border-radius:8px;align-self:flex-start;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.execute-button:hover{background:#f0e5c5;transform:translateY(-1px);box-shadow:0 4px 12px #e6d7af4d}.sql-error{color:#ff6b6b;background:#2a1a1a;border:1px solid #ff6b6b;border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;font-size:14px;display:flex}.error-icon{font-size:20px}.sql-results{flex-direction:column;flex:1;display:flex;overflow:hidden}.results-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.results-header h3{color:#fafafa;margin:0;font-size:18px;font-weight:600}.result-count{color:#a0a0a0;font-size:14px}.results-table-container{background:#1a1a1a;border:1px solid #333;border-radius:8px;flex:1;overflow:auto}.results-table{border-collapse:collapse;width:100%;font-size:13px}.group-headers-row{background:#252525}.group-header{color:#e6d7af;text-align:center;text-transform:uppercase;letter-spacing:.05em;background:#2a2a2a;border-bottom:2px solid #e6d7af;border-right:1px solid #333;padding:12px 16px;font-size:14px;font-weight:700}.no-group-header{background:#252525;border-bottom:2px solid #333}.results-th{color:#fafafa;text-align:left;z-index:10;background:#252525;border-bottom:2px solid #333;padding:12px 16px;font-weight:600;position:sticky;top:0}.results-td{color:#d0d0d0;border-bottom:1px solid #2a2a2a;padding:10px 16px}.sql-viewer-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:48px;display:flex}.sql-viewer-empty-icon{opacity:.5;margin-bottom:24px;font-size:64px}.sql-viewer-empty h2{color:#fafafa;margin:0 0 12px;font-size:24px;font-weight:600}.sql-viewer-empty p{color:#a0a0a0;margin:0;font-size:16px}.column-grouping-panel{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:24px;padding:20px;animation:.2s ease-out slideDown}.grouping-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.grouping-header h3{color:#fafafa;margin:0;font-size:16px;font-weight:600}.add-group-button{color:#e6d7af;cursor:pointer;background:#252525;border:1px solid #333;border-radius:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.scatter-plot-controls.axes-controls{flex-direction:column;align-items:baseline}.query-history-item:hover{background:#2a2a2a}.linear-regression-chart,.kmeans-clustering-chart{position:relative}.add-group-button:hover{background:#2a2a2a;border-color:#e6d7af}.groups-list{flex-direction:column;gap:16px;display:flex}.column-group-editor{background:#252525;border:1px solid #333;border-radius:8px;padding:16px}.group-header-editor{align-items:center;gap:12px;margin-bottom:12px;display:flex}.group-name-input{color:#fafafa;background:#1a1a1a;border:1px solid #333;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.group-name-input:focus{border-color:#e6d7af}.remove-group-button{color:#666;cursor:pointer;background:0 0;border:1px solid #666;border-radius:6px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.remove-group-button:hover{color:#ff6b6b;border-color:#ff6b6b}.group-columns-selector{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.group-column-checkbox{cursor:pointer;color:#a0a0a0;align-items:center;gap:8px;font-size:13px;transition:color .2s;display:flex}.group-column-checkbox:hover{color:#fafafa}.group-column-checkbox input[type=checkbox]{cursor:pointer;accent-color:#e6d7af;width:16px;height:16px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}