*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;font-family:sans-serif}#app-container{display:flex;height:100vh;position:relative}#sidebar{width:60px;flex-shrink:0;background-color:#f8f9fa;border-left:1px solid #e9ecef;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px;z-index:1002;overflow-y:auto;min-height:0}.sidebar-btn{background:none;border:none;border-radius:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#495057;transition:background-color .2s ease;font-size:22px;text-decoration:none}.sidebar-btn:hover{background-color:#e9ecef;color:#212529}.sidebar-btn.logo{font-weight:700;font-size:28px;color:#000}#table-container{width:100%;height:100%;overflow:hidden}#save-controls{display:flex;flex-direction:column;gap:8px}#save-changes-btn:not(:disabled){color:#28a745}#save-changes-btn:not(:disabled):hover{background-color:#d4edda}#discard-changes-btn:not(:disabled){color:#dc3545}#discard-changes-btn:not(:disabled):hover{background-color:#f8d7da}#save-controls button:disabled{color:#6c757d;background-color:transparent;cursor:not-allowed;opacity:.5}#save-controls button:disabled:hover{background-color:transparent}.pending-cell-change{font-weight:700}.pending-row-change{background-color:#fff9c4!important}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:5px;color:#fff;font-family:sans-serif;z-index:1000;opacity:1;animation:notification-fade-in .5s ease-out}.notification-success{background-color:#4caf50}.notification-error{background-color:#f44336}.notification-info{background-color:#2196f3}.notification-fade-out{animation:notification-fade-out .5s ease-in forwards}@keyframes notification-fade-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes notification-fade-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}#filter-panel,#settings-panel,#column-visibility-panel,#export-panel{width:0;overflow:hidden;background-color:#fff;border-left:1px solid #e9ecef;border-right:none;padding:0;z-index:1000;display:flex;flex-direction:column;position:absolute;right:60px;top:0;height:100vh}#app-container.filters-open #filter-panel,#app-container.settings-open #settings-panel,#app-container.columns-open #column-visibility-panel,#app-container.export-open #export-panel{width:300px;padding:15px}#main-content{flex-grow:1;overflow:hidden;display:flex}#filter-panel h3,#settings-panel h3,#export-panel h3{margin-top:0;margin-bottom:10px;color:#333}.filter-preset-item{display:flex;justify-content:space-between;align-items:center;padding:8px;margin-bottom:5px;border-radius:3px}.filter-preset-item:hover{background-color:#f5f5f5}.filter-preset-item.active{background-color:#e3f2fd;font-weight:700}.filter-preset-item .actions{display:flex;gap:5px}.filter-preset-item button{padding:4px 8px;font-size:12px;border:1px solid #ccc;border-radius:3px;cursor:pointer}.filter-preset-item .activate-btn{background-color:#2196f3;color:#fff;border-color:#2196f3}.filter-preset-item .activate-btn:hover{background-color:#1976d2;border-color:#1976d2}.filter-preset-item .delete-btn{background-color:#f44336;color:#fff;border-color:#f44336}.filter-preset-item .delete-btn:hover{background-color:#d32f2f;border-color:#d32f2f}.panel-actions,.filter-actions{margin-top:15px;padding-top:10px;border-top:1px solid #eee}.panel-content input,.filter-actions input{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.panel-actions button,.filter-actions button{padding:8px 12px;margin-right:5px;border:1px solid #ccc;border-radius:4px;cursor:pointer}#save-preset-btn,#save-settings-btn,#export-save-btn{background-color:#4caf50;color:#fff;border-color:#4caf50}#reset-filters-btn{background-color:#ff9800;color:#fff;border-color:#ff9800}.panel-content{flex-grow:0}.panel-content label{display:block;margin-bottom:5px;font-weight:500}.ht-theme-main td.deleted-checkbox-column input[type=checkbox]{--ht-checkbox-disabled-border-color: #ccc !important;--ht-checkbox-disabled-background-color: #f5f5f5 !important;--ht-checkbox-disabled-icon-color: #999 !important;--ht-checkbox-checked-disabled-border-color: #ccc !important;--ht-checkbox-checked-disabled-background-color: #f5f5f5 !important;--ht-checkbox-checked-disabled-icon-color: #999 !important;cursor:not-allowed!important;opacity:.6;pointer-events:none}.ht-theme-main td.deleted-checkbox-column input[type=checkbox]:hover{cursor:not-allowed!important;transform:none!important}#column-list-container ul{list-style:none;padding:0;margin:0;max-height:calc(100vh - 150px);overflow-y:auto}#column-list-container li{padding:8px 12px;cursor:pointer;border-radius:4px;margin-bottom:4px;transition:background-color .2s ease}#column-list-container li:hover{background-color:#f0f0f0}@media (max-height: 600px){#sidebar{padding:8px 0;gap:4px}.sidebar-btn{width:40px;height:40px;font-size:20px}}