.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.ui-card__title{margin:0 0 var(--sp-1);font-size:15px;font-weight:600}.ui-card__sub{margin:0 0 var(--sp-4);color:var(--text-2);font-size:13px}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font:inherit;font-weight:600;font-size:14px;padding:10px 16px;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s,transform .05s;white-space:nowrap}.ui-btn:active{transform:translateY(1px)}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn--primary{background:var(--accent);color:var(--accent-contrast)}.ui-btn--primary:hover:not(:disabled){opacity:.88}.ui-btn--outline{background:transparent;color:var(--text);border-color:var(--border-strong)}.ui-btn--outline:hover:not(:disabled){background:var(--surface-2)}.ui-btn--danger{background:var(--danger);color:#fff}.ui-btn--danger:hover:not(:disabled){opacity:.9}.ui-btn--ghost{background:transparent;color:var(--text-2)}.ui-btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.ui-btn--block{width:100%}.ui-field{display:block;margin-bottom:var(--sp-3)}.ui-label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:6px}.ui-input,.ui-select{width:100%;font:inherit;font-size:14px;padding:10px 12px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);outline:none;transition:border-color .15s,box-shadow .15s}.ui-input::placeholder{color:var(--text-3)}.ui-input:focus,.ui-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ui-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--r-full);background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.ui-badge--success{background:var(--success-soft);color:var(--success);border-color:transparent}.ui-badge--warning{background:var(--warning-soft);color:var(--warning);border-color:transparent}.ui-badge--danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.ui-alert{font-size:13px;padding:10px 12px;border-radius:var(--r-sm);margin:var(--sp-2) 0}.ui-alert--success{background:var(--success-soft);color:var(--success)}.ui-alert--warning{background:var(--warning-soft);color:var(--warning)}.ui-alert--danger{background:var(--danger-soft);color:var(--danger)}.faceguia{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.faceguia__anillo{fill:none;stroke-width:2;transition:stroke .25s ease,opacity .25s ease}.faceguia__anillo--buscando{stroke:#ffffffb3;stroke-dasharray:9 7}.faceguia__anillo--ajusta{stroke:var(--warning);stroke-dasharray:9 7}.faceguia__anillo--procesa{stroke:var(--success);opacity:0}.faceguia__anillo--ok{stroke:var(--success);stroke-width:3;filter:drop-shadow(0 0 5px var(--success))}.faceguia__anillo--error{stroke:var(--danger);stroke-width:3}.faceguia__puntos{fill:none;stroke:var(--success);stroke-width:7;stroke-linecap:round;stroke-dasharray:0 34.78;animation:faceguia-orbita 1s linear infinite}@keyframes faceguia-orbita{to{stroke-dashoffset:-34.78}}@media (prefers-reduced-motion: reduce){.faceguia__puntos{animation:none}}.ui-row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.ui-col{display:flex;flex-direction:column;gap:var(--sp-3)}.ui-muted{color:var(--text-2)}.ui-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.ui-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);cursor:pointer;font-size:16px}.ui-theme-toggle:hover{background:var(--surface-2)}.ui-menu{position:relative;display:inline-block}.ui-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-2);cursor:pointer}.ui-menu__trigger:hover{background:var(--surface-2);color:var(--text)}.ui-menu__list{position:fixed;z-index:1000;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:4px}.ui-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer}.ui-menu__item:hover{background:var(--surface-2)}.ui-menu__item.danger{color:var(--danger)}.ui-menu__item.danger:hover{background:var(--danger-soft)}.layout{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:var(--sp-4);position:sticky;top:0;height:100vh;transition:width .18s ease}.sidebar.collapsed{width:68px;padding-left:var(--sp-2);padding-right:var(--sp-2)}.sidebar.collapsed .sidebar__label,.sidebar.collapsed .sidebar__section,.sidebar.collapsed .sidebar__logo span{display:none}.sidebar.collapsed .sidebar__logo{justify-content:center;padding:6px 0}.sidebar.collapsed .sidebar__item{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar__item.active:before{left:0}.sidebar.collapsed .sidebar__footer>div{flex-direction:column;gap:8px}.sidebar.collapsed .ui-btn{justify-content:center!important;padding:10px 0}.sidebar.collapsed .sidebar__sep{display:block;height:1px;margin:10px 6px;background:var(--border)}.sidebar__sep{display:none}.sidebar nav>div:first-child .sidebar__sep{display:none!important}.sidebar__logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;padding:6px 8px;margin-bottom:var(--sp-4)}.sidebar__perfil{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:6px 8px;border-radius:var(--r-sm);text-decoration:none;color:var(--text)}.sidebar__perfil:hover{background:var(--surface-2)}.sidebar__perfil-datos{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar__perfil-datos b{font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__perfil-datos>span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__perfil-datos .ui-badge{align-self:flex-start}.sidebar.collapsed .sidebar__logo{flex-direction:column;gap:8px}.sidebar.collapsed .sidebar__perfil{flex:none;padding:4px}.sidebar__toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text-2);cursor:pointer;flex-shrink:0}.sidebar__toggle:hover{background:var(--surface-2);color:var(--text)}.sidebar.collapsed .sidebar__toggle{margin:0}.sidebar__filters{display:flex;flex-direction:column;gap:8px;padding:12px 0;margin-bottom:4px;border-bottom:1px solid var(--border)}.sidebar__filters .ui-label{margin-bottom:3px}.sidebar__filters .ui-select{padding:7px 10px;font-size:13px}.sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar__section{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:var(--sp-4) 0 var(--sp-2);padding:0 8px}.sidebar__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;margin:2px 0;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-2);font:inherit;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .12s,color .12s}.sidebar__item:hover{background:var(--surface-2);color:var(--text)}.sidebar__item.active{background:var(--accent-soft);color:var(--text);font-weight:600;position:relative}.sidebar__item.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;border-radius:2px;background:var(--accent)}.sidebar__footer{margin-top:auto;padding-top:var(--sp-4);border-top:1px solid var(--border)}.main{flex:1;min-width:0;padding:var(--sp-5);max-width:1200px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-5);gap:var(--sp-3);flex-wrap:wrap}.page-head h2{margin:0;font-size:20px}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:12px;color:var(--text-3);font-weight:600;padding:8px 12px;border-bottom:1px solid var(--border)}.tbl td{padding:10px 12px;border-bottom:1px solid var(--border)}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--surface-2)}.registros-detalle{position:fixed;top:16px;right:16px;bottom:16px;width:330px;overflow-y:auto;z-index:30;box-shadow:var(--shadow-md)}@media (max-width: 900px){.registros-detalle{left:16px;width:auto}}@media (max-width: 720px){.sidebar{width:68px;padding-left:var(--sp-2);padding-right:var(--sp-2)}.sidebar .sidebar__label,.sidebar .sidebar__section,.sidebar .sidebar__logo span,.sidebar .sidebar__toggle{display:none}.sidebar .sidebar__logo{justify-content:center;padding:6px 0}.sidebar .sidebar__item{justify-content:center;padding:10px 0}.sidebar .sidebar__sep{display:block;height:1px;margin:10px 6px;background:var(--border)}.sidebar .ui-btn{justify-content:center!important;padding:10px 0}.main{padding:var(--sp-3)}}:root,:root[data-theme=light]{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #f7f8fa;--border: #e4e6eb;--border-strong: #d0d3d9;--text: #16181d;--text-2: #5b6069;--text-3: #8b9099;--accent: #16181d;--accent-contrast: #ffffff;--accent-soft: #eceef1;--success: #16a34a;--success-soft: #e7f6ec;--warning: #d97706;--warning-soft: #fbf0e2;--danger: #e5484d;--danger-soft: #fdeaea;--coral: #f2777a;--shadow-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.05);--shadow-md: 0 4px 12px rgba(16,24,40,.08);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}:root[data-theme=dark]{--bg: #0e0f12;--surface: #17191e;--surface-2: #1d1f25;--border: #2a2d34;--border-strong: #3a3e47;--text: #f2f3f5;--text-2: #a6abb4;--text-3: #6f747d;--accent: #ffffff;--accent-contrast: #16181d;--accent-soft: #24272e;--success: #3ecf6e;--success-soft: #14311f;--warning: #f0a840;--warning-soft: #3a2a12;--danger: #ff5c60;--danger-soft: #3a1618;--coral: #f2777a;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 20px rgba(0,0,0,.5)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit}