@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--sidebar-bg: #0F1C2E;--sidebar-text-active: #FFFFFF;--sidebar-text-inactive: rgba(255,255,255,.52);--sidebar-border: rgba(255,255,255,.08);--sidebar-item-active-bg: rgba(255,255,255,.11);--sidebar-item-active-border: #FFFFFF;--bg: #F5F6F8;--card: #FFFFFF;--card-border: #E8EAED;--topbar-border: #E8EAED;--text-title: #0D1117;--text-secondary: #374151;--text-label: #6B7280;--text-hint: #9CA3AF;--ok-text: #15803D;--ok-bg: #F0FDF4;--ok-border: #BBF7D0;--error-text: #B91C1C;--error-bg: #FEF2F2;--error-border: #FECACA;--alerta-text: #92400E;--alerta-bg: #FFFBEB;--alerta-border: #FDE68A;--pendiente-text: #0033A0;--pendiente-bg: #EEF3FF;--pendiente-border: #EEF3FF;--btn-bg: #0F1C2E;--btn-text: #FFFFFF;--kpi-verde: #22C55E;--kpi-azul: #1D4ED8;--kpi-rojo: #EF4444;--kpi-amarillo: #F59E0B;--sans: "Inter", -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f59e0b59}50%{box-shadow:0 0 0 5px #f59e0b00}}@keyframes pulseGlowRed{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 5px #ef444400}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-14px) scale(1.08)}}@keyframes driftReverse{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-18px,16px) scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes sheen{0%{transform:translate(-120%) skew(-15deg)}to{transform:translate(220%) skew(-15deg)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}body{margin:0;background:var(--bg);color:var(--text-title);font-family:var(--sans)}.layout{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.sidebar:before{content:"";position:absolute;top:-60px;left:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(29,78,216,.35),transparent 70%);filter:blur(10px);animation:drift 14s ease-in-out infinite;pointer-events:none}.sidebar:after{content:"";position:absolute;bottom:-80px;right:-50px;width:240px;height:240px;background:radial-gradient(circle,rgba(34,197,94,.22),transparent 70%);filter:blur(12px);animation:driftReverse 18s ease-in-out infinite;pointer-events:none}.sidebar-item,.sidebar-brand{position:relative;z-index:1}.sidebar-brand{padding:8px 6px 20px;margin-bottom:16px;border-bottom:1px solid var(--sidebar-border);text-align:center}.sidebar-brand img{width:148px;display:inline-block;transition:transform .25s ease}.sidebar-brand:hover img{transform:scale(1.03)}.sidebar-brand .producto{font-family:var(--sans);font-size:11px;font-weight:500;color:var(--sidebar-text-inactive);margin-top:12px;letter-spacing:.01em}.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:7px;border-left:2px solid transparent;color:var(--sidebar-text-inactive);font-size:13px;font-weight:500;cursor:pointer;transition:all .12s;letter-spacing:.01em}.sidebar-item:hover{color:var(--sidebar-text-active);background:#1d4ed82e}.sidebar-item.active{background:var(--sidebar-item-active-bg);border-left-color:var(--kpi-azul);color:var(--sidebar-text-active);box-shadow:inset 0 0 0 1px #1d4ed840}.content{flex:1;min-width:0}a{text-decoration:none}a:hover{text-decoration:underline;opacity:.8}.topbar{background:var(--card);border-bottom:1px solid var(--topbar-border);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;animation:fadeIn .3s ease;position:relative}.topbar:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--kpi-azul),#4d7de8,var(--kpi-azul));background-size:300% 100%;animation:gradientShift 6s ease infinite;opacity:.45}.topbar h1{font-size:16px;font-weight:600;margin:0;color:var(--text-title)}.topbar .subtitle{font-size:11.5px;color:var(--text-label);margin-top:2px}.app-shell{max-width:1140px;margin:0 auto;padding:18px;animation:fadeInUp .35s ease both}.header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;gap:16px;flex-wrap:wrap}.header h1{font-size:18px;font-weight:600;color:var(--text-title);margin:0}.header .eyebrow{font-family:var(--mono);font-size:11px;color:var(--text-label);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.entidad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.entidad-card,.detail-panel{background:var(--card);border:1px solid var(--card-border);border-radius:10px;padding:14px 18px;animation:fadeInUp .4s ease both;position:relative;overflow:hidden}.entidad-card:before,.detail-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--kpi-azul),#4d7de8);opacity:0;transition:opacity .2s ease}.entidad-card:hover:before{opacity:1}.entidad-grid .entidad-card:nth-child(1){animation-delay:.02s}.entidad-grid .entidad-card:nth-child(2){animation-delay:.06s}.entidad-grid .entidad-card:nth-child(3){animation-delay:.1s}.entidad-grid .entidad-card:nth-child(4){animation-delay:.14s}.entidad-grid .entidad-card:nth-child(n+5){animation-delay:.18s}.entidad-card{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.entidad-card:hover{border-color:var(--kpi-azul);background:#fcfcfd;transform:translateY(-3px);box-shadow:0 12px 28px #1d4ed824}.entidad-card .rfc{font-family:var(--mono);font-size:11.5px;color:var(--text-hint);letter-spacing:.02em}.entidad-card h3{margin:3px 0 12px;font-size:15px;font-weight:600;color:var(--text-title)}.status-row{display:flex;gap:6px;flex-wrap:wrap}.status-dot{width:8px;height:8px;border-radius:50%;cursor:help;transition:transform .12s;animation:float 2.6s ease-in-out infinite}.status-dot:hover{transform:scale(1.4)}.status-dot.ok{background:var(--kpi-verde)}.status-dot.alerta{background:var(--kpi-amarillo);animation:float 2.6s ease-in-out infinite,pulseGlow 2s ease-in-out infinite}.status-dot.error{background:var(--kpi-rojo);animation:float 2.6s ease-in-out infinite,pulseGlowRed 2s ease-in-out infinite}.status-dot.pendiente{background:#e5e7eb;animation:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--kpi-azul),var(--kpi-verde));border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--kpi-verde),var(--kpi-azul))}.badge-count{font-family:var(--sans);font-weight:500;font-size:11.5px;color:var(--alerta-text);margin-top:10px}.modulo-list{display:flex;flex-direction:column}.modulo-row{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;font-size:12.5px;border-bottom:1px solid #F9FAFB;gap:14px;flex-wrap:wrap;transition:background .12s}.modulo-row:hover{background:#f9fafb}.modulo-row:last-child{border-bottom:none}.modulo-row .mod-right{display:flex;align-items:center;gap:12px}.mod-name{display:flex;flex-direction:column}.mod-name .grupo{font-family:var(--mono);font-size:9.5px;color:var(--text-hint)}.modulo-row .nombre{color:var(--text-secondary);font-weight:500}.fecha{font-family:var(--mono);font-size:11px;color:var(--text-hint)}.pill{font-family:var(--sans);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:4px;border:1px solid transparent;white-space:nowrap;animation:popIn .35s cubic-bezier(.34,1.56,.64,1)}.pill.ok{color:var(--ok-text);background:var(--ok-bg);border-color:var(--ok-border)}.pill.alerta{color:var(--alerta-text);background:var(--alerta-bg);border-color:var(--alerta-border);animation:popIn .35s cubic-bezier(.34,1.56,.64,1),pulseGlow 2s ease-in-out infinite .35s}.pill.error{color:var(--error-text);background:var(--error-bg);border-color:var(--error-border);animation:popIn .35s cubic-bezier(.34,1.56,.64,1),pulseGlowRed 2s ease-in-out infinite .35s}.pill.pendiente{color:var(--pendiente-text);background:var(--pendiente-bg);border-color:var(--pendiente-bg)}.pill.progreso{color:var(--kpi-azul);background:var(--pendiente-bg);border-color:var(--pendiente-bg);animation:popIn .35s cubic-bezier(.34,1.56,.64,1),pulseGlow 1s ease-in-out infinite .35s}.btn{font-family:var(--sans);font-size:13px;font-weight:600;background:linear-gradient(135deg,#0f1c2e,#16273d);color:var(--btn-text);border:none;padding:8px 16px;border-radius:7px;cursor:pointer;transition:transform .1s ease,box-shadow .16s ease,opacity .12s ease;position:relative;overflow:hidden;isolation:isolate}.btn:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-120%) skew(-15deg);z-index:1}.btn:hover:after{animation:sheen .7s ease}.btn:hover{opacity:.95;box-shadow:0 8px 20px #1d4ed847;transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn:disabled:after{display:none}.btn.ghost{background:var(--card);color:var(--text-secondary);border:1px solid var(--card-border);font-weight:500}.btn.ghost:hover{border-color:var(--sidebar-bg);color:var(--text-title);background:#fafafb}.btn.small{padding:5px 12px;font-size:12px;border-radius:6px;font-weight:500}input[type=text],input[type=password],textarea{background:var(--card);border:1px solid var(--card-border);color:var(--text-title);padding:8px 12px;border-radius:8px;font-family:var(--sans);font-size:13px}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:var(--kpi-azul);box-shadow:0 0 0 3px #1d4ed81f}.back-link{font-family:var(--mono);font-size:12px;color:var(--text-label);cursor:pointer;margin-bottom:14px;display:inline-block}.back-link:hover{color:var(--text-title)}.empty-state{color:var(--text-hint);font-size:13px;padding:40px 0;text-align:center}*{transition:background .12s,border-color .12s,color .12s,box-shadow .16s}.back-link,.btn,a{transition:color .12s,opacity .12s,transform .1s,box-shadow .16s}