*{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.highlighted{background-color:#fff9c4;color:#f57f17}.sidebar-btn.highlighted:hover{background-color:#fff59d;color:#f57f17}.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}}#login-screen{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:10000;align-items:center;justify-content:center}.login-modal{background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 20px #00000026;text-align:center;max-width:400px;width:90%}.login-content{display:flex;flex-direction:column;align-items:center;gap:20px}.login-logo{width:80px;height:80px;object-fit:contain}.login-content h1{margin:0;font-size:28px;color:#212529}.login-description{margin:0;font-size:16px;color:#6c757d;line-height:1.5}.login-btn{background-color:#7c3aed;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease;width:100%;max-width:280px}.login-btn:hover{background-color:#6d28d9;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-links{display:flex;gap:8px;align-items:center;font-size:12px;color:#6c757d}.login-links a{color:#6c757d;text-decoration:none}.login-links a:hover{color:#495057;text-decoration:underline}.login-links span{color:#dee2e6}#login-screen.active+#app-container{display:none}.setting-item{display:flex;align-items:center;margin-bottom:10px}.setting-item input[type=checkbox]{margin-right:8px;width:auto;margin-bottom:0}.setting-item label{margin-bottom:0}.screen-container{width:100%;height:100%}#backup-screen{padding:20px}#backup-form{max-width:500px;margin-top:20px}#backup-form label{display:block;margin-bottom:8px;font-weight:700}#backup-form input{width:100%;padding:8px;margin-bottom:16px;border:1px solid #ccc;border-radius:4px}#backup-form button{padding:10px 15px;border:none;border-radius:4px;background-color:#28a745;color:#fff;cursor:pointer}#backup-form button:hover{background-color:#218838}.time-hint{font-size:12px;color:#6c757d;margin-top:-12px;margin-bottom:16px}.backup-container{max-width:600px;margin:40px auto;padding:20px;font-family:sans-serif;position:relative}.backup-container h2{margin-bottom:10px}.backup-container p{margin-bottom:20px;color:#666}#backup-form{display:flex;flex-direction:column;gap:15px}#backup-form label{font-weight:700;margin-bottom:5px;display:block}#backup-form input{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:16px;width:100%;box-sizing:border-box}#backup-form button{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;align-self:flex-start;transition:background-color .2s,opacity .2s}#backup-form button:hover:not(:disabled){background-color:#218838}#backup-form button:disabled,#backup-form #delete-backup-btn:disabled,#backup-form #backup-now-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}#backup-form #delete-backup-btn{background-color:#dc3545;margin-left:10px}#backup-form #delete-backup-btn:hover:not(:disabled){background-color:#c82333}#backup-form #backup-now-btn{background-color:#007bff;margin-left:10px}#backup-form #backup-now-btn:hover:not(:disabled){background-color:#0069d9}.time-hint{font-size:.9em;color:#555;margin-top:5px;background-color:#f0f4f8;padding:10px;border-radius:4px;border-left:4px solid #007bff}.time-hint div{margin-bottom:4px}.time-hint .utc-note{color:#d9534f;font-weight:700;margin-top:6px}.welcome-message{text-align:center;padding:40px 20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.welcome-message h3{margin-top:0;color:#333}.welcome-message p{font-size:1.1em;line-height:1.6}.welcome-message a{color:#007bff;text-decoration:none;font-weight:700}.welcome-message a:hover{text-decoration:underline}.warning-message{background-color:#fff3cd;color:#856404;padding:10px;border:1px solid #ffeeba;border-radius:4px;margin-bottom:15px;font-size:.95em}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--success-color: #16a34a;--error-color: #dc2626;--bg-color: #f3f4f6;--card-bg: #ffffff;--text-main: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb}.restore-container{max-width:600px;margin:40px auto;padding:20px;font-family:sans-serif;position:relative}.restore-container h2{margin-bottom:10px;text-align:center}.restore-container p{margin-bottom:20px;color:var(--text-secondary)}.step{display:none;animation:fadeIn .4s ease-in-out}.step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.drop-zone{border:2px dashed var(--border-color);border-radius:8px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.drop-zone.dragover{border-color:var(--primary-color);background-color:#eff6ff}.drop-zone input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-icon{font-size:3rem;color:var(--text-secondary);margin-bottom:1rem}.loading-container{text-align:center;padding:2rem}.spinner{width:40px;height:40px;border:4px solid var(--bg-color);border-top:4px solid var(--primary-color);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-box{background-color:#eff6ff;border-left:4px solid var(--primary-color);padding:1rem;margin-bottom:1.5rem;font-size:.9rem;color:var(--text-main)}.entity-list{display:grid;gap:.75rem;margin-bottom:1.5rem}.entity-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid var(--border-color);border-radius:6px}.status-indicator{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.85rem}.dot{width:10px;height:10px;border-radius:50%;background-color:#d1d5db}.dot.ok{background-color:var(--success-color)}.dot.error{background-color:var(--error-color)}.dot.loading{background-color:var(--primary-color);animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.actions-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.btn{padding:.6rem 1.2rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s;font-size:.9rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:#e5e7eb;color:var(--text-main)}.btn-secondary:hover{background-color:#d1d5db}.btn-danger{background-color:#fee2e2;color:#991b1b}.btn-danger:hover{background-color:#fecaca}.btn:disabled{opacity:.5;cursor:not-allowed}.full-width{width:100%}.progress-track{background-color:var(--border-color);height:8px;border-radius:4px;overflow:hidden;margin:2rem 0}.progress-fill{background-color:var(--success-color);height:100%;width:0%;transition:width .3s ease}.success-icon{font-size:4rem;color:var(--success-color);text-align:center;display:block;margin-bottom:1rem}.donate-box{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #fcd34d;border-radius:8px;padding:1.5rem;text-align:center;margin-top:1.5rem}.donate-btn{background-color:#f59e0b;color:#fff;margin-top:1rem;display:inline-block}.donate-btn:hover{background-color:#d97706}.loader-overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:10;display:none}.loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}