.logs-container{color:#fff;box-sizing:border-box;max-width:900px;margin:auto;padding:16px}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.filters label{color:#94a3b8;white-space:nowrap;font-size:11px}.filters input,.filters select{color:#e2e8f0;box-sizing:border-box;background:#0f172a;border:1px solid #1e293b;border-radius:6px;flex:120px;min-width:0;padding:8px 10px;font-size:13px}.filters input[type=date]{flex:130px}.filters select{flex:150px}.filters button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:6px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:700}.filters button:disabled{opacity:.5;cursor:default}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.logs-table{border-collapse:collapse;width:100%;min-width:400px;font-size:13px}.logs-table th,.logs-table td{white-space:nowrap;border:1px solid #1e293b;padding:8px 10px}.logs-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#0f172a;font-size:11px;font-weight:700}.logs-table td{color:#e2e8f0;background:#020617}.logs-table tr:hover td{background:#0f172a}.no-data{text-align:center;color:#475569;padding:24px;font-style:italic}.btn-delete-all{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:700}.tab-selector{border-bottom:2px solid #1e293b;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.tab-selector button{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 14px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s}.tab-selector button:hover{color:#94a3b8}.tab-selector button.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-subtoggle{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tab-subtoggle button{color:#475569;cursor:pointer;white-space:nowrap;background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s}.tab-subtoggle button:hover{color:#94a3b8;border-color:#334155}.tab-subtoggle button.active{color:#3b82f6;background:#3b82f61f;border-color:#3b82f6}@media (width<=600px){.logs-container{padding:10px}.filters input,.filters select{flex:100%}.filters input[type=date]{flex:45%}.logs-table{min-width:320px;font-size:12px}.logs-table th,.logs-table td{padding:6px 8px}.tab-selector button{padding:8px 10px;font-size:12px}.tab-subtoggle button{padding:6px 10px;font-size:11px}h2{font-size:16px}}