@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--primary:#004600;--secondary:#004600;--primary-text:#fff;--brand:#004a7c;--brand-2:#005a94;--accent:#51b1db;--azul-corporativo-oscuro:#004a7c;--azul-corporativo-medio:#005a94;--azul-marino-profundo:#002952;--azul-oscuro:#001429;--azul-medio:#0e8aaf;--azul-claro:#51b1db;--azul-cyan:#71c2cc;--magenta-corporativo:#a62248;--magenta-oscuro:#9d2449;--rojo-corporativo:#c60b44;--rojo-intenso:#e80d4f;--rojo-oscuro:#7d0000;--blanco:#fff;--gris-muy-claro:#f5f5f5;--gris-claro:#e5e5e5;--gris-medio:gray;--gris-oscuro:#545454;--gris-muy-oscuro:#272829;--negro:#000;--color-exito:#28a745;--color-exito-hover:#449d44;--color-error:#dc3545;--color-error-alt:#ea1132;--color-advertencia:#ff8f15;--color-advertencia-alt:#bc955c;--bg:#f5f5f5;--panel:#fff;--border:#dbe3ef;--border-soft:#e8eef7;--text:#272829;--muted:#64748b;--danger:#b91c1c;--danger-bg:#fef2f2;--gradiente-azul:linear-gradient(135deg, #004a7c 0%, #005a94 100%);--gradiente-rojo:linear-gradient(135deg, #a62248 0%, #c60b44 100%);--sidebar-gradient:linear-gradient(180deg, #002952 0%, #001429 100%);--hero-gradient:linear-gradient(135deg, #002952 0%, #004a7c 60%, #005a94 100%);--card-shadow-soft:0 2px 12px #0000000f;--card-shadow-pop:0 8px 24px #0000001f;--font-size:12px;--shadow:0px 2px 10px -2px #0000002e}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.4}button,input,select,textarea{font:inherit}button,a{color:inherit}.font-mono{font-family:JetBrains Mono,monospace}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInToast{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-slide-in-right{animation:.3s ease-out slideInRight}.animate-slide-in{animation:.3s cubic-bezier(.34,1.56,.64,1) slideInToast}.animate-pulse-badge{animation:1.2s ease-in-out infinite pulseBadge}.timer-active{animation:1s ease-in-out infinite timer-pulse}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200px 100%;animation:1.5s infinite skeleton}.gradient-text{background:var(--gradiente-azul);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.toolbar-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--card-shadow-soft);border-radius:16px;margin-bottom:16px;padding:16px}.toolbar-grid{grid-template-columns:minmax(260px,2fr) repeat(3,minmax(160px,1fr)) auto auto;align-items:center;gap:12px;display:grid}.toolbar-search{align-items:center;gap:8px;display:flex}.toolbar-search input,.toolbar-grid select{border:1px solid var(--border);background:var(--panel);border-radius:10px;width:100%;min-height:40px;padding:0 12px}.toolbar-search button,.secondary-action,.ghost-action{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:10px;min-height:40px;padding:0 12px}.secondary-action{align-items:center;gap:8px;display:inline-flex}.ghost-action:disabled{opacity:.5;cursor:not-allowed}.table-wrap{overflow:auto}.audit-table{border-collapse:collapse;width:100%}.audit-table th,.audit-table td{text-align:left;border-bottom:1px solid var(--border-soft);vertical-align:top;padding:12px}.audit-pre{white-space:pre-wrap;word-break:break-word;color:var(--muted);max-width:420px;margin:0;font-size:11px}.audit-tabs{gap:10px;margin-bottom:16px;display:flex}.audit-tab{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:999px;min-height:40px;padding:0 14px;font-weight:700}.audit-tab.active{border-color:var(--azul-corporativo-medio);background:var(--azul-corporativo-medio);color:#fff}.toolbar-grid-admin{grid-template-columns:minmax(320px,1fr) auto}.access-admin-grid{margin-bottom:18px}.access-admin-card{border:1px solid var(--border-soft);background:#f8fafc;border-radius:16px;padding:16px}.access-admin-card h3{color:var(--azul-marino-profundo);margin:0 0 12px}.access-admin-form{grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;display:grid}.access-admin-form input,.access-admin-form select,.audit-table input,.audit-table select{border:1px solid var(--border);background:var(--panel);border-radius:10px;width:100%;min-height:40px;padding:0 12px}.access-check{align-items:center;gap:8px;font-size:13px;display:inline-flex}.access-lines{flex-wrap:wrap;gap:10px;display:flex}.shell{background:var(--gris-muy-claro);min-height:100vh;display:block}.sidebar{background:var(--sidebar-gradient);color:#ffffffd1;z-index:40;border-right:1px solid #ffffff14;width:256px;height:100vh;padding:0;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:10px 0 32px #00142938}.brand{border-bottom:1px solid #ffffff1f;justify-content:center;align-items:center;padding:18px 20px 16px;display:flex}.brandLogo{filter:drop-shadow(0 6px 18px #0000002e);width:100%;max-width:196px;height:auto;display:block}.nav{gap:8px;padding:16px 12px;display:grid}.nav a{color:#ffffffc2;background:0 0;border-left:3px solid #0000;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px;text-decoration:none;transition:all .2s;display:flex}.nav a svg{flex:none;width:20px;height:20px}.nav a span{font-size:14px;font-weight:600;display:block}.nav a.active,.nav a:hover{color:var(--blanco);border-left-color:var(--azul-claro);background:#ffffff1f}.navSectionTitle{color:#ffffff52;letter-spacing:.08em;text-transform:uppercase;padding:0 14px 6px;font-size:11px;font-weight:800}.sidebarFooter{border-top:1px solid #ffffff1f;margin-top:auto;padding:16px 20px 20px}.sidebarStatus{color:#ffffff70;align-items:center;gap:8px;font-size:12px;display:flex}.sidebarStatusDot{background:#4ade80;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 6px #4ade8026}.sidebarVersion{color:#fff3;margin-top:8px;font-size:12px}.sidebarLogout{color:#ffffffb8;margin-top:12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.sidebarLogout:hover{color:#fff}.main{background:var(--gris-muy-claro);min-width:0;min-height:100vh;margin-left:256px;padding:0}.page{width:100%;max-width:none;padding:28px 28px 40px}.page-header-sticky{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f5f5f0;border-bottom:1px solid #dbe3efb8;margin:-28px -28px 18px;padding:28px 28px 14px;position:sticky;top:0}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:8px;display:flex}.page-title{color:var(--azul-marino-profundo);letter-spacing:-.025em;margin:0;font-size:28px;font-weight:900;line-height:1.15}.page-subtitle{color:var(--gris-oscuro);margin:10px 0 0;font-size:15px;line-height:1.45}.card-panel{border:1px solid var(--border-soft);background:var(--panel);box-shadow:var(--card-shadow-soft);border-radius:18px;padding:16px;animation:.24s ease-out fadeIn}.alert{border-radius:14px;margin-top:10px;padding:12px 14px;font-size:14px;font-weight:700}.alert-error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca}.empty-state{border:1px dashed var(--border);min-height:180px;color:var(--muted);background:#f8fafc;border-radius:16px;place-items:center;font-weight:700;display:grid}input,select,textarea,table{font-size:14px}.card-hover{transition:transform .2s,box-shadow .2s}.card-hover:hover{box-shadow:var(--card-shadow-pop);transform:translateY(-2px)}@media (max-width:1100px){.sidebar{width:224px}.main{margin-left:224px}}@media (max-width:900px){.sidebar{width:100%;height:auto;box-shadow:none;padding:14px;position:relative}.brand{padding:6px 2px 18px}.nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:0}.nav a{width:auto}.sidebarFooter{padding:18px 2px 4px}.main{margin-left:0}}@media (max-width:760px){.page{padding:18px}.page-header-sticky{-webkit-backdrop-filter:none;backdrop-filter:none;margin:-18px -18px 16px;padding:18px;position:relative}.page-title{font-size:24px}}.brand{color:inherit;cursor:pointer;text-decoration:none}.brand:hover{opacity:.95}