*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--bg-body: #0b0f1a;--bg-card: #111827;--bg-input: #1a2236;--bg-hover: #1a2236;--border-color: #1e2d4a;--border-subtle: rgba(30, 45, 74, .5);--border-focus: #3b82f6;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-placeholder: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--google-bg: #ffffff;--google-text: #1f2937;--google-hover: #f3f4f6;--danger: #ef4444;--danger-soft:#ef44445c;--accent-soft: rgba(59, 130, 246, .1);--success: #22c55e;--success-soft: rgba(34, 197, 94, .1);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .1);--modal-backdrop: rgba(20, 27, 42, .78)}div#googleBtn{text-align:right;margin-left:calc(50% - 122px);position:relative;width:100%}button:disabled{background:#d3d3d3;cursor:no-drop}button:disabled:hover{background:#989292}:root[data-theme=light]{color-scheme:light;--bg-body: #f1f5f9;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #e8eef6;--border-color: #d5deea;--border-subtle: rgba(71, 85, 105, .2);--border-focus: #2563eb;--text-primary: #172033;--text-secondary: #475569;--text-muted: #64748b;--text-placeholder: #94a3b8;--accent: #2563eb;--accent-hover: #1d4ed8;--google-bg: #ffffff;--google-text: #1f2937;--google-hover: #f3f4f6;--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .1);--accent-soft: rgba(37, 99, 235, .1);--success: #15803d;--success-soft: rgba(21, 128, 61, .1);--warning: #b45309;--warning-soft: rgba(180, 83, 9, .1);--modal-backdrop: rgba(15, 23, 42, .5)}:root[data-theme=light][data-palette=lavanda]{--bg-body: #d8cbef;--bg-card: #fdfbff;--bg-input: #ffffff;--bg-hover: #eee8f8;--border-color: #ded4ef;--border-subtle: rgba(113, 88, 153, .2);--border-focus: #9276c7;--accent: #9276c7;--accent-hover: #795eb1;--accent-soft: rgba(146, 118, 199, .13)}:root[data-theme=light][data-palette=rosa]{--bg-body: #fff5f7;--bg-card: #fffafd;--bg-input: #ffffff;--bg-hover: #fbe9ef;--border-color: #efd4df;--border-subtle: rgba(161, 88, 119, .2);--border-focus: #d887a4;--accent: #d887a4;--accent-hover: #bd6d8b;--accent-soft: rgba(216, 135, 164, .14)}:root[data-theme=light][data-palette=menta]{--bg-body: #f2faf6;--bg-card: #fbfffd;--bg-input: #ffffff;--bg-hover: #e3f3eb;--border-color: #cfe6d9;--border-subtle: rgba(66, 126, 94, .2);--border-focus: #6da889;--accent: #6da889;--accent-hover: #548c70;--accent-soft: rgba(109, 168, 137, .14)}:root[data-theme=light][data-palette=durazno]{--bg-body: #fff7f0;--bg-card: #fffdfb;--bg-input: #ffffff;--bg-hover: #fbeadd;--border-color: #efd9c7;--border-subtle: rgba(156, 105, 67, .2);--border-focus: #d89a6d;--accent: #d89a6d;--accent-hover: #bd7e53;--accent-soft: rgba(216, 154, 109, .15)}:root[data-theme=light][data-palette=cielo]{--bg-body: #bbd1e4;--bg-card: #fcfeff;--bg-input: #ffffff;--bg-hover: #e4f0fa;--border-color: #d1e1ef;--border-subtle: rgba(73, 117, 153, .2);--border-focus: #79a9d1;--accent: #79a9d1;--accent-hover: #5d8eb8;--accent-soft: rgba(121, 169, 209, .15)}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--bg-body);color:var(--text-primary);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative}input::placeholder,textarea::placeholder{color:var(--text-placeholder)!important;opacity:1}div#ventanatrabajo{width:calc(100% - 217px);height:calc(100vh - 22px);position:absolute;left:197px;background-color:var(--bg-card);border:1px solid var(--border-color);margin-top:11px;margin-left:9px;corner-shape:squircle;border-radius:29px;top:0}@media (min-width: 481px){body:has(app-menulateral #menulateral.colapsado) div#ventanatrabajo{left:85px;width:calc(100% - 105px)}}.tituloventana{background-color:var(--bg-body);margin-top:11px;margin-left:9px;corner-shape:squircle;border-radius:14px 14px 0 0;width:260px;text-align:center;font-size:.875rem;color:var(--text-secondary);height:24px;font-weight:500;padding-top:3px}.areadatos{height:calc(100vh - 67px);corner-shape:squircle;border-radius:0 14px 14px;width:calc(100% - 17px);margin-left:9px;margin-top:0;overflow-y:auto;scrollbar-width:none;background:var(--bg-body);background-image:url("./media/fantasma-G7Z5RLGV.png");background-size:245px;background-repeat:no-repeat;background-position-x:calc(100% - 18px);background-position-y:calc(100% - 18px);background-blend-mode:exclusion}::-webkit-scrollbar-track{background:var(--accent)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-body)}.page-content{padding:2rem;max-width:820px}.section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.75rem;margin-bottom:1.5rem;max-width:1000px;margin:17px auto auto;background-image:url("./media/fantasma-G7Z5RLGV.png");background-size:160px;background-repeat:no-repeat;background-position-x:calc(100% - 26px);background-position-y:calc(100% - 17px);background-blend-mode:exclusion}.section-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.section-card-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.section-card-desc{font-size:.8125rem;color:var(--text-muted);line-height:1.5}.form-row{display:flex;gap:1rem;margin-bottom:1.25rem}.form-row .form-group{flex:1}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-input{width:100%;padding:.7rem .875rem;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61f}input:disabled,select:disabled,textarea:disabled,input[readonly],textarea[readonly],.form-input:disabled,.form-input[readonly]{padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;opacity:.75;cursor:not-allowed}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.375rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-size:.8375rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease;text-decoration:none}.btn svg{width:16px;height:16px}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 2px 12px #3b82f640}.btn-outline{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-outline:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.btn-danger{background-color:var(--danger-soft);color:var(--danger)}.btn-danger:hover{background-color:var(--danger);color:#fff}.btn-group{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem}.status-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:999px}.status-badge.success{background-color:var(--success-soft);color:var(--success)}.status-badge.warning{background-color:var(--warning-soft);color:var(--warning)}.status-badge.danger{background-color:var(--danger-soft);color:var(--danger)}.status-badge.info{background-color:var(--accent-soft);color:var(--accent)}.status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.info-box{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background-color:var(--accent-soft);border:1px solid rgba(59,130,246,.2);border-radius:.5rem;margin-bottom:1.5rem}.info-box svg{width:18px;height:18px;color:var(--accent);flex-shrink:0;margin-top:1px}.info-box p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}tbody td{padding:.875rem 1rem;font-size:.8375rem;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;cursor:pointer}tbody tr:hover{background-color:var(--bg-hover)}tbody tr:last-child td{border-bottom:none}.table-link{color:var(--accent);text-decoration:none;font-weight:500}.table-link:hover{text-decoration:underline}.stats-row{display:flex;gap:1rem;margin-bottom:1.5rem}.stat-card{flex:1;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.stat-label{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-subtle)}.toggle-row:last-child{border-bottom:none;padding-bottom:0}.toggle-row:first-child{padding-top:0}.toggle-info h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.15rem}.toggle-info p{font-size:.78rem;color:var(--text-muted)}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:999px;transition:all .25s ease}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;bottom:2px;background-color:var(--text-muted);border-radius:50%;transition:all .25s ease}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent);border-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.activity-list{list-style:none}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 0;border-bottom:1px solid var(--border-subtle)}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-item:first-child{padding-top:0}.activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.login{background-color:var(--success-soft);color:var(--success)}.activity-icon.password{background-color:var(--warning-soft);color:var(--warning)}.activity-icon.settings{background-color:var(--accent-soft);color:var(--accent)}.activity-icon svg{width:16px;height:16px}.activity-text{font-size:.8375rem;color:var(--text-secondary);line-height:1.4}.activity-time{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.empty-state{text-align:center;padding:2.5rem 1rem}.empty-state svg{width:48px;height:48px;color:var(--text-muted);margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:.9375rem;font-weight:600;color:var(--text-secondary);margin-bottom:.375rem}.empty-state p{font-size:.8125rem;color:var(--text-muted)}.mobile-toggle{display:none}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);cursor:pointer}.mobile-menu-btn svg{width:20px;height:20px}.sidebar-overlay{display:none}@media (max-width: 768px){.mobile-menu-btn{display:flex}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:9;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-toggle:checked~.sidebar{transform:translate(0)}.mobile-toggle:checked~.sidebar-overlay{opacity:1;pointer-events:auto}.main-content{margin-left:0}.page-content{padding:1.25rem}.topbar{padding:1rem 1.25rem}.stats-row{flex-direction:column}.form-row{flex-direction:column;gap:0}.section-card{padding:1.25rem}.btn-group{flex-direction:column}.btn-group .btn{width:100%}}@media (max-width: 480px){.topbar-breadcrumb{display:none}}.modal{position:absolute;top:36px;width:calc(100% - 18px);height:calc(100% - 44px);background:#faebd7;background-color:var(--modal-backdrop);border-radius:0 8px 7px 7px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:.2s all ease-in-out;scale:0;corner-shape:round}.modal-hide{scale:0}.modal-show{scale:1}@media (max-width: 480px){div#ventanatrabajo{width:calc(100% - 17px);left:0}}.section-card-header{position:relative}.tabla-filtro{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;margin-left:auto}.tabla-filtro+.btn{margin-left:8px}.tabla-filtro>summary{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;list-style:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.tabla-filtro>summary::-webkit-details-marker{display:none}.tabla-filtro>summary svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabla-filtro>summary:hover,.tabla-filtro[open]>summary,.tabla-filtro>summary:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);outline:none}.lblfiltrodocumento{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:grid;width:min(300px,calc(100vw - 36px));gap:7px;padding:12px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);box-shadow:0 12px 30px #0000003d;color:var(--text-secondary);font-size:12px;font-weight:600}.lblfiltrodocumento input{width:100%;min-height:38px;padding:0 10px;border:1px solid var(--border-color);border-radius:7px;outline:none;background:var(--bg-input);color:var(--text-primary);font:inherit;font-size:13px}.lblfiltrodocumento input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}@media (max-width: 480px){.tabla-filtro>summary{width:36px;height:36px}.lblfiltrodocumento{right:-50px}}