:root{--text:var(--text-main);--muted:var(--text-muted);--card-bg:var(--bg-card);--edit-btn:var(--edit-color);--danger:var(--danger-color);--hover:var(--hover-bg);--surface-code:var(--surface-code);--radius:8px;--gap:12px;--mono-font:ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace}.auditoria-container{width:100%;max-width:1200px;color:var(--text-main);background-color:var(--bg-page);flex-direction:column;gap:20px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:.5s ease-out fadeIn;display:flex}.config-header{text-align:left;border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.config-header h1{color:var(--text-main);margin:0;font-size:2rem}.back-button{background:var(--btn-back-bg,transparent);cursor:pointer;color:var(--btn-back-color,var(--text-main));border:none;border-radius:50%;align-items:center;padding:.5rem;font-size:1.2rem;transition:background .2s,transform .2s;display:flex}.back-button:hover{background-color:var(--btn-back-hover,var(--hover-bg));transform:translate(-3px)}.auditoria-container a{color:inherit}.header-centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:1rem;display:flex}.header-centered h1{color:var(--text-main);margin-bottom:1rem}.back-btn{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;box-shadow:0 4px 6px #0000001a;display:flex!important}.back-btn:hover{color:#fff;background-color:#333;transform:scale(1.05)}.alert{color:var(--danger-color);border:1px solid var(--danger-color);background:#ff50501a;border-radius:6px;padding:10px}.loading{color:var(--text-muted);padding:14px 0}.auditoria-container{padding:20px}.auditoria-header{gap:var(--gap);align-items:center;margin-bottom:14px;display:flex}.auditoria-controls{align-items:center;gap:8px;margin-bottom:12px;display:flex}input[type=text],select{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-main);border-radius:6px;padding:8px 10px}label{color:var(--text-muted);margin-right:6px;font-size:13px}.table-wrapper{width:100%;overflow-x:auto}.audit-table{border-collapse:collapse;background-color:var(--bg-card);border-radius:var(--radius);width:100%;overflow:hidden}.audit-table thead th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background-color:var(--bg-page);padding:10px;font-weight:600}.audit-table tbody tr{border-top:1px solid var(--border-color)}.audit-table td{vertical-align:top;color:var(--text-main);padding:10px;font-size:13px}.audit-table tbody tr:nth-child(odd){background:var(--hover-bg)}.cell-actions{align-items:center;gap:8px;display:flex}.details-cell pre{white-space:pre-wrap;word-break:break-word;max-width:60ch;color:var(--text-main);background:0 0;margin:0}.mono{font-family:var(--mono-font);background:var(--surface-code);color:var(--text-main);border:1px solid var(--border-color);border-radius:6px;padding:10px}pre{font-family:var(--mono-font);font-size:12px;line-height:1.35}.expanded-row td{background:var(--hover-bg)}.details-expanded{background:var(--bg-page);border:1px solid var(--border-color);border-radius:8px;padding:12px}.diff-list{flex-direction:column;gap:8px;display:flex}.diff-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:12px;padding:6px;display:flex}.diff-key{width:180px;color:var(--text-secondary);font-weight:600}.diff-old{color:#d9534f;background:#d9534f1a;border-radius:6px;padding:6px 8px}.diff-arrow{color:var(--text-muted)}.diff-new{color:#28a745;background:#28a7451a;border-radius:6px;padding:6px 8px}.back .btn{padding:6px 10px}@media (max-width:800px){.auditoria-controls{flex-direction:column;align-items:stretch}.audit-table thead{display:none}.audit-table,.audit-table tbody,.audit-table tr,.audit-table td{width:100%;display:block}.audit-table tr{margin-bottom:12px}.audit-table td{padding-left:50%;position:relative}.audit-table td:before{width:calc(50% - 20px);color:var(--muted);font-weight:600;position:absolute;top:10px;left:10px}.audit-table td:first-child:before{content:"Fecha"}.audit-table td:nth-child(2):before{content:"Usuario"}.audit-table td:nth-child(3):before{content:"Nombre"}.audit-table td:nth-child(4):before{content:"Correo"}.audit-table td:nth-child(5):before{content:"Acción"}.audit-table td:nth-child(6):before{content:"Detalles"}.audit-table td:nth-child(7):before{content:"IP"}.audit-table td:nth-child(8):before{content:"UA"}}