*{color:#000}.container{display:flex;height:100vh;font-family:Arial,sans-serif}.sidebar{width:200px;background-color:#f4f4f4;padding:20px;overflow-y:auto}.sidebar h2{margin-top:0}.sidebar ul{list-style:none;padding:0}.sidebar li{padding:10px;cursor:pointer}.sidebar li:hover{background-color:#e0e0e0}.main-content{flex:1;padding:20px;display:flex;flex-direction:column}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.toolbar button,.toolbar input{margin-right:10px;padding:8px 12px;font-size:14px}#formula-bar{width:200px;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.tabs{display:flex;margin-bottom:10px}.tab-button{padding:10px 20px;border:none;background:#e0e0e0;cursor:pointer}.tab-button.active{background:#4caf50;color:#fff}.tab-content{display:none}.tab-content.active{display:block;flex:1;overflow:auto}#spreadsheet{border-collapse:collapse;width:100%;background:#fff;position:relative}#spreadsheet td,#spreadsheet th{border:1px solid #ddd;padding:8px;text-align:left;min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}#spreadsheet th{background-color:#f2f2f2;font-weight:700}#spreadsheet .row-number{background-color:#f2f2f2;text-align:center;width:40px}#spreadsheet .row-number-header{background-color:#f2f2f2;width:40px}#spreadsheet td[contenteditable]:focus{outline:#4CAF50 solid 2px;background:#fff}.chart-controls{margin-bottom:20px}.chart-controls button,.chart-controls select{margin-right:10px;padding:8px}.chart-item{margin-bottom:20px;border:1px solid #ddd;padding:10px}.chart-item-actions button{margin-right:10px;padding:5px 10px}.selected-cell{background-color:#e0f7fa;border:2px solid #4caf50!important;position:relative}.selected-row{background-color:#e0f7fa}.selected-column{background-color:#e0f7fa;border:2px solid #4caf50!important}.fill-handle{width:6px;height:6px;background:#4caf50;position:absolute;bottom:0;right:0;cursor:crosshair}.fill-range{background:rgba(76,175,80,.2)}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#333}.notification{background:#007bff;color:#fff;padding:10px;text-align:center;font-weight:700;display:none}.notification.info,.notification.success{background:#28a745}.notification.error{background:#dc3545}.hidden{display:none!important}.CodeMirror-gutters{box-sizing:content-box}#fileList{list-style:none;padding:0}#fileList li{padding:8px 6px;cursor:pointer}#fileList li:hover{background:#f0f0f0}#loginBtn,#logoutBtn,#saveBtn{background:#fff;border:1px solid #bbb;padding:6px 10px;border-radius:4px;cursor:pointer}.history-toolbar{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}.history-toolbar button{padding:4px 8px;font-size:12px;background-color:#f1f1f1;border:1px solid #ccc;border-radius:3px;cursor:pointer}.history-toolbar button:hover{background-color:#e9e9e9}.history-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.history-item:hover{background-color:#f5f5f5}.history-item-content{flex:1;font-family:monospace;font-size:.9em;white-space:pre-wrap;word-break:break-all;margin-right:10px}.history-item-actions{display:flex;gap:5px;opacity:0;transition:opacity .2s}.history-item:hover .history-item-actions{opacity:1}.history-action-btn{background:0 0;border:none;cursor:pointer;padding:2px 4px;border-radius:3px;font-size:12px}.history-action-btn.rename{color:#007bff}.history-action-btn.favorite{color:#ffc107}.history-action-btn.delete,.history-action-btn.favorite.active{color:#dc3545}.history-item.favorite{background-color:#fff9e6;border-left:3px solid #ffc107}.history-item.favorite .history-item-content{font-weight:700}.history-rename-input{width:100%;padding:4px;font-family:inherit;font-size:.9em;border:1px solid #007bff;border-radius:3px}.sql-editor-area{display:flex;gap:15px;margin-bottom:10px}.sql-editor-wrapper{flex:3;display:flex}.sql-editor-wrapper .CodeMirror{flex:1;height:150px;border:1px solid #ccc}#sql-history-container{flex:2;border:1px solid #ccc;border-radius:4px;padding:10px;height:150px;overflow-y:auto;background-color:#f9f9f9}#sql-history-container h4{margin:0 0 10px;font-size:1em;color:#333;border-bottom:1px solid #ddd;padding-bottom:5px}#sql-history-container ul{list-style-type:none;padding:0;margin:0}#sql-history-container li{padding:5px;font-family:monospace;font-size:.9em;cursor:pointer;border-bottom:1px solid #eee;white-space:pre-wrap;word-break:break-all}#sql-history-container li:hover{background-color:#e9e9e9}.sql-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px;padding:10px;background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px}.sql-toolbar button,.sql-toolbar select{padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:4px}.toolbar-separator{color:#ccc}#sql-results-container{border:1px solid #ccc;border-radius:4px;max-height:250px;overflow:auto;margin-bottom:15px}#sql-results-container .error-text,#sql-results-container .placeholder-text{padding:15px;color:#888}#sql-results-container .error-text{color:#dc3545;font-family:monospace}#sql-results-container table{width:100%;border-collapse:collapse}#sql-results-container td,#sql-results-container th{padding:8px 12px;border:1px solid #ddd;text-align:left;white-space:nowrap}#sql-results-container th{background-color:#f2f2f2;font-weight:700;position:sticky;top:0}#sql-chart-area{position:relative;max-width:600px;margin:20px 0;padding:10px;border:1px solid #ddd;border-radius:4px}#sql-download-chart{position:absolute;top:10px;right:10px;padding:5px 10px;font-size:12px;z-index:10}.view-builder-area{display:flex;gap:15px;margin-bottom:10px}.view-builder-editor{flex:2;display:flex}.view-builder-editor .CodeMirror{flex:1;height:400px;border:1px solid #ccc}#view-options-panel{flex:1;border:1px solid #ccc;border-radius:4px;padding:15px;height:400px;overflow-y:auto;background-color:#f9f9f9}#view-options-panel h4{margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee}.view-option{margin-bottom:20px}.view-option label{font-weight:700;display:block;margin-bottom:8px;font-size:.9em}.view-option>button{width:100%;padding:8px;box-sizing:border-box}.toggle-buttons{display:flex}.toggle-buttons button{width:auto;flex:1;padding:8px;border:1px solid #ccc;background-color:#f0f0f0;cursor:pointer}.toggle-buttons button.active{background-color:#4caf50;color:#fff;border-color:#4caf50}#apply-datatable-config{padding:8px 12px;font-size:14px}#datatable-container{margin-top:15px;border:1px solid #ddd;padding:10px;background-color:#fff}#datatable-container .error-text,#datatable-container .placeholder-text{padding:15px;color:#888}#datatable-container .error-text{color:#dc3545;font-family:monospace;white-space:pre-wrap}#filtered-table{width:100%!important}.group-item,.sort-item{display:flex;gap:5px;margin-bottom:5px;align-items:center}#group-aggregate,.group-item select,.sort-item select{flex:1;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.group-item button,.sort-item button{padding:8px 12px;font-size:14px;background-color:#f1f1f1;border:1px solid #ccc;cursor:pointer;border-radius:4px}#column-order-list{list-style:none;padding:0;margin-top:10px;border:1px solid #ddd;background:#fff}#column-order-list li{padding:8px;border-bottom:1px solid #eee;cursor:grab}#column-order-list li:last-child{border-bottom:none}@media (max-width:768px){.container{flex-direction:column}.sidebar{width:100%;max-height:200px}.main-content{padding:10px}.toolbar{flex-direction:column;align-items:stretch}.toolbar button,.toolbar input,.toolbar select{margin-bottom:8px;width:100%}#formula-bar{width:100%}.sql-editor-area{flex-direction:column}#sql-history-container,.sql-editor-wrapper{flex:none;width:100%}.view-builder-area{flex-direction:column}}#spreadsheet td[contenteditable=true]{white-space:normal}#spreadsheet td:focus{background-color:#f0f8ff!important;outline:#4CAF50 solid 2px}.tab-content{transition:opacity .2s}.tab-content:not(.active){opacity:0}button:hover{opacity:.9}.chart-item canvas{max-width:100%;height:auto!important}