.system-log-container[data-v-cf606da6]{max-width:1400px;margin:0 auto}.page-header[data-v-cf606da6]{margin-bottom:32px}.header-content[data-v-cf606da6]{display:flex;justify-content:space-between;align-items:flex-end}.page-title[data-v-cf606da6]{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:4px}.page-subtitle[data-v-cf606da6]{font-size:14px;color:#64748b;margin:0}.management-card[data-v-cf606da6]{background:#fff;border-radius:var(--extranet-rounded);border:1px solid var(--extranet-accent);overflow:hidden}.filter-bar[data-v-cf606da6]{padding:24px 32px;display:flex;justify-content:space-between;align-items:flex-end;background:#fff;border-bottom:1px solid #f1f5f9;gap:24px}.filter-left[data-v-cf606da6]{display:flex;align-items:flex-end;gap:32px;flex:1}.search-box-custom[data-v-cf606da6]{display:flex;flex-direction:column;gap:8px;flex:0 1 400px}.search-type-tabs[data-v-cf606da6]{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:var(--extranet-rounded);width:-moz-fit-content;width:fit-content}.tab-btn[data-v-cf606da6]{border:none;background:transparent;padding:6px 16px;font-size:13px;font-weight:600;color:#64748b;border-radius:var(--extranet-rounded);transition:all .2s;cursor:pointer}.tab-btn.active[data-v-cf606da6]{background:#fff;color:var(--extranet-primary);box-shadow:0 2px 4px rgba(0,0,0,.05)}.search-input-wrapper[data-v-cf606da6]{display:flex;align-items:center;background:#f8fafc;border:1px solid var(--extranet-accent);border-radius:var(--extranet-rounded);padding:4px;transition:all .2s}.search-input-wrapper[data-v-cf606da6]:focus-within{border-color:var(--extranet-primary);background:#fff;box-shadow:0 0 0 3px rgba(181,26,31,.05)}.form-control-search[data-v-cf606da6]{border:none;background:transparent;padding:8px 12px;font-size:14px;color:#1e293b;width:100%;outline:none}.btn-search[data-v-cf606da6]{background:var(--extranet-primary);border:1px solid var(--extranet-primary);width:36px;height:36px;border-radius:var(--extranet-rounded);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-search[data-v-cf606da6]:hover{filter:brightness(.9);transform:translateY(-1px)}.btn-clear-empty[data-v-cf606da6],.btn-refresh-header[data-v-cf606da6],.btn-reset-primary[data-v-cf606da6]{height:38px;border:none;background:var(--extranet-primary);border-radius:var(--extranet-rounded);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-weight:600}.btn-clear-empty[data-v-cf606da6]:hover,.btn-refresh-header[data-v-cf606da6]:hover,.btn-reset-primary[data-v-cf606da6]:hover{filter:brightness(.9);transform:translateY(-1px)}.btn-reset-primary[data-v-cf606da6]{width:38px}.btn-refresh-header[data-v-cf606da6]{padding:0 20px;font-size:14px}.btn-clear-empty[data-v-cf606da6]{padding:0 24px;margin:0 auto}.filter-right[data-v-cf606da6]{display:flex;align-items:center;gap:16px}.stats-summary[data-v-cf606da6]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border-radius:var(--extranet-rounded);font-size:13px;border:1px solid var(--extranet-accent)}.stats-label[data-v-cf606da6]{color:#64748b;font-weight:500}.stats-value[data-v-cf606da6]{color:#0f172a;font-weight:700}.modern-list-table[data-v-cf606da6]{width:100%;border-collapse:separate;border-spacing:0}.modern-list-table thead th[data-v-cf606da6]{padding:16px 24px;background:#f8fafc;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--extranet-accent)}.modern-list-table tbody td[data-v-cf606da6]{padding:20px 24px;border-bottom:1px solid #f1f5f9;background:#fff;transition:background .2s}.clickable-row[data-v-cf606da6]{cursor:pointer}.clickable-row:hover td[data-v-cf606da6]{background:#f8fafc}.clickable-row.expanded td[data-v-cf606da6]{background:#f8fafc;border-bottom-color:transparent}.user-info-box[data-v-cf606da6]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-cf606da6]{width:36px;height:36px;border-radius:10px;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.user-details[data-v-cf606da6]{display:flex;flex-direction:column}.user-name[data-v-cf606da6]{font-weight:600;color:#1e293b;font-size:14px}.component-pill[data-v-cf606da6]{padding:6px 12px;background:#f1f5f9;border-radius:6px;font-size:12px;font-family:JetBrains Mono,monospace;color:#475569;font-weight:600;border:1px solid #e2e8f0}.action-btn[data-v-cf606da6]{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#94a3b8;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.action-btn[data-v-cf606da6]:hover{color:var(--extranet-primary);border-color:var(--extranet-primary);background:#fff1f1}.action-btn.active[data-v-cf606da6]{background:var(--extranet-primary);border-color:var(--extranet-primary);color:#fff}.timestamp-box[data-v-cf606da6]{display:flex;flex-direction:column}.timestamp-box .date[data-v-cf606da6]{font-weight:600;color:#1e293b;font-size:13px}.timestamp-box .time[data-v-cf606da6]{font-size:12px;color:#64748b}.detail-row td[data-v-cf606da6]{padding:0 24px 24px!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}.detail-content[data-v-cf606da6]{background:#fff;border:1px solid var(--extranet-accent);border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.state-card[data-v-cf606da6]{border:1px solid var(--extranet-accent);border-radius:10px;overflow:hidden;height:100%;display:flex;flex-direction:column}.state-card.no-data[data-v-cf606da6]{border-style:dashed;border-color:#cbd5e1;background:#f8fafc}.state-header[data-v-cf606da6]{padding:12px 16px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;border-bottom:1px solid var(--extranet-accent)}.state-header.before[data-v-cf606da6]{background:#f8fafc;color:#64748b}.state-header.after[data-v-cf606da6]{background:#f0fdf4;color:#166534;border-bottom-color:#bbf7d0}.state-card.no-data .state-header[data-v-cf606da6]{border-bottom:none}.state-body[data-v-cf606da6]{padding:16px;flex:1;overflow-x:auto}.state-body.empty[data-v-cf606da6]{display:flex;align-items:center;justify-content:center;min-height:150px}.empty-placeholder[data-v-cf606da6]{display:flex;flex-direction:column;align-items:center;color:#94a3b8;font-weight:500;font-size:14px}.custom-json-pretty[data-v-cf606da6]{background:#0f172a;color:#e2e8f0}.custom-json-pretty[data-v-cf606da6] .vjs-value__string{color:#a5b4fc}.custom-json-pretty[data-v-cf606da6] .vjs-key{color:#93c5fd}.flag-change-box[data-v-cf606da6]{display:flex;align-items:center}.flag-badge[data-v-cf606da6]{font-size:11px;padding:4px 10px;border-radius:6px;font-weight:700}.flag--danger[data-v-cf606da6]{background:#fee2e2;color:#991b1b}.flag--primary[data-v-cf606da6]{background:#dbeafe;color:#1e40af}.flag--success[data-v-cf606da6]{background:#dcfce7;color:#166534}.flag--secondary[data-v-cf606da6]{background:#f1f5f9;color:#475569}.loading-state[data-v-cf606da6]{padding:80px 0;display:flex;justify-content:center}.loader-box[data-v-cf606da6]{display:flex;flex-direction:column;align-items:center;gap:16px;color:#64748b;font-weight:500}.empty-list[data-v-cf606da6]{padding:60px 0;text-align:center}.empty-art[data-v-cf606da6]{font-size:48px;color:#e2e8f0;margin-bottom:24px}.empty-list h3[data-v-cf606da6]{color:#1e293b;font-size:18px;font-weight:700;margin-bottom:8px}.empty-list p[data-v-cf606da6]{color:#64748b;margin-bottom:0}.extranet-pagination-footer[data-v-cf606da6]{padding:24px 32px 32px;background:#fff;border-top:1px solid #f1f5f9}