:root{--primary-bg:#f4f7fc;--secondary-bg:#fff;--primary-text:#333;--secondary-text:#555;--accent-color:#007bff;--accent-hover:#0056b3;--border-color:#dee2e6;--shadow-color:rgba(0,0,0,.1);--danger-color:#dc3545;--danger-hover:#c82333;--selection-bg:#cfe8ff;--selection-border:#007bff}[data-theme=dark]{--primary-bg:#1a1a2e;--secondary-bg:#2a2a4e;--primary-text:#e0e0e0;--secondary-text:#b0b0b0;--accent-color:#4a90e2;--accent-hover:#357abd;--border-color:#404060;--shadow-color:rgba(0,0,0,.3);--danger-color:#e94560;--danger-hover:#d43f56;--selection-bg:#3a4a78;--selection-border:#4a90e2}*{box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0;padding:20px;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-color:var(--primary-bg);color:var(--primary-text)}.container{width:95%;max-width:1200px;padding:25px;background:var(--secondary-bg);box-shadow:0 8px 32px var(--shadow-color);border-radius:12px;border:1px solid var(--border-color)}.main-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:15px;margin-bottom:20px}h1{text-align:center;color:var(--primary-text);margin:0;font-size:2em}.theme-switcher{display:flex;align-items:center;gap:8px}.theme-label{font-size:1.2rem}.theme-toggle-checkbox{display:none}.theme-toggle-label{display:block;width:50px;height:26px;background-color:var(--accent-color);border-radius:50px;position:relative;cursor:pointer;transition:background-color .3s ease}.theme-toggle-label:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;top:3px;left:3px;transition:transform .3s ease}.theme-toggle-checkbox:checked+.theme-toggle-label{background-color:#777}.theme-toggle-checkbox:checked+.theme-toggle-label:after{transform:translateX(24px)}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab-link{padding:10px 20px;font-size:16px;cursor:pointer;border:none;background-color:transparent;color:var(--secondary-text);border-bottom:3px solid transparent}.tab-link.active{color:var(--accent-color);border-bottom:3px solid var(--accent-color);font-weight:700}.tab-content{display:none;animation:a .5s}@keyframes a{0%{opacity:0}to{opacity:1}}.helper-text{text-align:center;color:var(--secondary-text);margin-bottom:15px}.table-controls-wrapper{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.table-controls{display:flex;flex-wrap:wrap;gap:10px}.table-controls button{padding:10px 15px;font-size:14px;cursor:pointer;border:1px solid transparent;border-radius:6px;background-color:var(--accent-color);color:#fff;display:flex;align-items:center;gap:5px}.table-controls button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.table-controls button.danger{background-color:var(--danger-color)}.table-controls button.danger:hover{background-color:var(--danger-hover)}.chart-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.chart-option-group{background:var(--primary-bg);padding:15px;border-radius:8px;border:1px solid var(--border-color)}.option-title{margin-top:0;font-size:1.1em;border-bottom:1px solid var(--border-color);padding-bottom:8px;margin-bottom:12px}.option-item{display:flex;align-items:center;margin-bottom:10px;gap:10px}.option-item label{font-weight:500;min-width:100px}.option-item input[type=text],.option-item select{width:100%;padding:8px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--secondary-bg);color:var(--primary-text)}.option-item.checkbox-item{justify-content:flex-start}.option-item.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color)}#trendlineOption{display:none}.dataset-colors-container{background:var(--primary-bg);padding:15px;border-radius:8px;border:1px solid var(--border-color);margin-bottom:20px}#dataset-colors{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.color-picker-item{display:flex;align-items:center;gap:8px}.color-picker-item input[type=color]{-moz-appearance:none;appearance:none;width:30px;height:30px;background-color:transparent;border:none;cursor:pointer}.color-picker-item input[type=color]::-webkit-color-swatch{border-radius:50%;border:2px solid var(--border-color)}.color-picker-item input[type=color]::-moz-color-swatch{border-radius:50%;border:2px solid var(--border-color)}.chart-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.chart-actions button{padding:12px 25px;font-size:16px;cursor:pointer;border:none;border-radius:6px;background-color:var(--accent-color);color:#fff}.chart-actions button:hover{background-color:var(--accent-hover)}.table-container{overflow-x:auto;margin-bottom:20px;border:1px solid var(--border-color);border-radius:8px}table{width:100%;border-collapse:collapse}tbody td,tbody th,thead th{border:1px solid var(--border-color);padding:12px;text-align:center;min-width:100px;position:relative}.drag-handle-row th{height:25px;background-color:#e9ecef;border:none;border-bottom:1px solid var(--border-color)}[data-theme=dark] .drag-handle-row th{background-color:#3a3a5e}.col-drag-handle{cursor:grab;font-size:1.2em;color:var(--secondary-text);display:none}thead th{background-color:var(--accent-color);color:#fff;font-weight:600;position:sticky;top:0;cursor:pointer}tbody th{background-color:var(--primary-bg);font-weight:700;text-align:left;padding-left:28px;position:sticky;left:0;z-index:1}.row-drag-handle{position:absolute;left:5px;top:50%;transform:translateY(-50%);cursor:grab;font-size:1.2em;color:var(--secondary-text);display:none}tbody tr{cursor:grab}tbody td{cursor:pointer;background-color:var(--secondary-bg)}tbody tr:nth-child(2n) td{background-color:var(--primary-bg)}tbody tr:nth-child(2n) th{background-color:#e9ecef}[data-theme=dark] tbody tr:nth-child(2n) th{background-color:#3a3a5e}.highlight-row>td,.highlight-row>th,td.highlight-col,th.highlight-col{background-color:var(--selection-bg)!important}td.selected-cell,th.selected-cell{outline:2px solid var(--selection-border)!important;outline-offset:-2px}.dragging{opacity:.5}body.grabbing,body.grabbing *{cursor:grabbing!important}tr.drag-over-bottom{border-bottom:3px solid var(--accent-color)}tr.drag-over-top{border-top:3px solid var(--accent-color)}td.drag-over-left,th.drag-over-left{border-left:3px solid var(--accent-color)}td.drag-over-right,th.drag-over-right{border-right:3px solid var(--accent-color)}.chart-container{position:relative;min-height:450px;padding:15px;border:1px solid var(--border-color);border-radius:8px;margin-top:20px}canvas{max-width:100%;height:auto}.modal{display:none;position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.6);animation:a .3s}.modal-content{background-color:var(--secondary-bg);margin:10% auto;padding:25px;border:1px solid var(--border-color);width:80%;max-width:600px;border-radius:10px;box-shadow:0 5px 15px var(--shadow-color);animation:b .3s}@keyframes b{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-button{color:var(--secondary-text);float:right;font-size:28px;font-weight:700;cursor:pointer}.close-button:hover{color:var(--primary-text)}#historyList{max-height:400px;overflow-y:auto;margin-top:15px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--border-color)}.history-item:last-child{border-bottom:none}.history-item-date{font-size:1.1em}.history-item-actions button{margin-left:10px;padding:6px 10px;font-size:13px;border-radius:4px;border:none;cursor:pointer}.history-item-actions .load-btn{background-color:var(--accent-color);color:#fff}.history-item-actions .load-btn:hover{background-color:var(--accent-hover)}.history-item-actions .delete-btn{background-color:var(--danger-color);color:#fff}.history-item-actions .delete-btn:hover{background-color:var(--danger-hover)}