:root{--brand:#0757b8;--brand-dark:#073a7a;--brand-soft:#eef5ff;--ink:#2f3237;--muted:#69707d;--line:rgba(47,50,55,.12);--shadow:0 22px 70px rgba(47,50,55,.12);--radius:24px}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:linear-gradient(135deg,#fbfbfc,#eef5ff 42%,#eef0f4);color:var(--ink);min-height:100vh}.admin-layout{display:grid;grid-template-columns:290px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-right:1px solid rgba(255,255,255,.85);padding:22px;box-shadow:12px 0 48px rgba(47,50,55,.07);overflow:auto}.sidebar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);margin-bottom:24px}.sidebar-brand img{height:54px;max-width:190px;background:#fff;border-radius:17px;padding:7px;border:1px solid var(--line);box-shadow:0 12px 28px rgba(47,50,55,.08)}.sidebar-brand b{display:block;font-weight:900;line-height:1}.sidebar-brand small{display:block;color:var(--muted);font-weight:700;font-size:.78rem}.nav-title{font-size:.73rem;text-transform:uppercase;letter-spacing:.16em;color:#8a909c;font-weight:900;margin:20px 10px 10px}.admin-nav{display:grid;gap:6px}.admin-nav a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#40444b;font-weight:800;border-radius:16px;padding:12px 13px}.admin-nav a:hover,.admin-nav a.active{background:var(--brand-soft);color:var(--brand)}.admin-nav a i{font-size:1.08rem}.sidebar-footer{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.main{padding:24px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.92);box-shadow:0 18px 52px rgba(47,50,55,.08);border-radius:24px;padding:16px 18px}.topbar h1{font-size:1.35rem;font-weight:900;margin:0;letter-spacing:-.03em}.topbar p{margin:3px 0 0;color:var(--muted);font-weight:650}.content-card{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.94);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric-card{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.94);border-radius:var(--radius);box-shadow:0 16px 48px rgba(47,50,55,.08);padding:20px}.metric-card span{width:48px;height:48px;border-radius:17px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:1.28rem}.metric-card b{display:block;font-size:1.9rem;line-height:1;margin-top:16px;color:var(--ink);font-weight:900}.metric-card small{display:block;color:var(--muted);font-weight:800;margin-top:5px}.btn-brand{background:linear-gradient(135deg,var(--brand),#073a7a);border:0;color:#fff;border-radius:14px;font-weight:900;padding:.75rem 1rem;box-shadow:0 14px 30px rgba(7,87,184,.20)}.btn-brand:hover{background:linear-gradient(135deg,#073a7a,var(--brand));color:#fff}.btn-soft{background:var(--brand-soft);color:var(--brand);border:1px solid rgba(7,87,184,.13);border-radius:14px;font-weight:900}.btn-soft:hover{background:#fff;color:var(--brand)}.form-control,.form-select{border-radius:14px;border:1px solid rgba(47,50,55,.14);padding:.78rem .9rem}.form-control:focus,.form-select:focus{border-color:rgba(7,87,184,.45);box-shadow:0 0 0 .22rem rgba(7,87,184,.10)}label{font-weight:850;color:#3e4249}.table{vertical-align:middle}.table thead th{color:#6c7280;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.slide-thumb{width:118px;height:72px;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:#fff}.status-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:.35rem .72rem;font-weight:900;font-size:.78rem}.status-on{background:#eaf7ef;color:#16713a}.status-off{background:#f7eeee;color:#9e2334}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(7,87,184,.12),transparent 38%),linear-gradient(135deg,#fff,#eef5ff 42%,#eef0f4)}.login-card{width:min(100%,460px);background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.94);border-radius:30px;box-shadow:0 26px 90px rgba(47,50,55,.15);padding:34px}.login-card img{height:74px;max-width:290px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px}.login-card h1{font-size:1.55rem;font-weight:900;letter-spacing:-.04em;margin:18px 0 8px}.login-card p{color:var(--muted);font-weight:650}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.permission-box{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.72);padding:14px}.permission-box b{display:block;margin-bottom:10px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.module-card{display:block;text-decoration:none;color:var(--ink);background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.94);border-radius:24px;box-shadow:0 16px 48px rgba(47,50,55,.08);padding:22px;min-height:148px}.module-card:hover{transform:translateY(-3px);color:var(--ink)}.module-card i{width:50px;height:50px;display:grid;place-items:center;border-radius:18px;background:var(--brand-soft);color:var(--brand);font-size:1.35rem}.module-card b{display:block;font-weight:900;margin-top:14px}.module-card small{display:block;color:var(--muted);font-weight:650;margin-top:5px}.mobile-menu{display:none}@media(max-width:1020px){.admin-layout{display:block}.sidebar{display:none}.mobile-menu{display:block}.main{padding:14px}.metric-grid,.module-grid{grid-template-columns:repeat(2,1fr)}.permission-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.metric-grid,.module-grid{grid-template-columns:1fr}.content-card{padding:16px}.login-card{padding:24px}.topbar h1{font-size:1.15rem}}

/* ===== INBAP FASE 2: Catálogos y empleados ===== */
.metric-grid-xl{grid-template-columns:repeat(6,1fr)}
.catalog-summary{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.96);border-radius:24px;box-shadow:0 16px 44px rgba(47,50,55,.08);padding:18px;min-height:112px;transition:transform .22s ease,box-shadow .22s ease}.catalog-summary:hover{transform:translateY(-3px);box-shadow:0 22px 54px rgba(47,50,55,.12);color:var(--ink)}.catalog-summary span{width:54px;height:54px;border-radius:19px;background:color-mix(in srgb,var(--summary-color) 10%,#fff);color:var(--summary-color);display:grid;place-items:center;font-size:1.35rem}.catalog-summary b{display:block;font-size:1.8rem;line-height:1;font-weight:900}.catalog-summary small{display:block;color:var(--muted);font-weight:850;margin-top:4px}.catalog-create-form{background:rgba(248,250,252,.82);border:1px solid rgba(47,50,55,.08);border-radius:22px;padding:14px}.catalog-table tbody tr{border-color:rgba(47,50,55,.06)}.employee-form{background:rgba(248,250,252,.72);border:1px solid rgba(47,50,55,.08);border-radius:22px;padding:14px}.employee-grid-admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.employee-admin-card{background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.96);border-radius:26px;box-shadow:0 18px 50px rgba(47,50,55,.09);padding:18px}.employee-head{display:flex;gap:14px;align-items:center}.employee-head img{width:76px;height:76px;object-fit:cover;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 28px rgba(47,50,55,.10)}.employee-head h3{font-size:1.08rem;font-weight:900;margin:0;letter-spacing:-.02em}.employee-head p{font-weight:800;color:var(--brand);margin:4px 0 0}.employee-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.employee-meta span{display:flex;align-items:center;gap:8px;color:#4b5563;font-weight:700;font-size:.84rem;min-width:0}.employee-meta span i{color:var(--brand)}.mini-chip{display:inline-flex;align-items:center;border-radius:999px;background:#f8fafc;border:1px solid rgba(47,50,55,.08);padding:.35rem .58rem;color:#475569;font-size:.72rem;font-weight:850}@media(max-width:1320px){.metric-grid-xl{grid-template-columns:repeat(3,1fr)}}@media(max-width:1020px){.metric-grid-xl{grid-template-columns:repeat(2,1fr)}.employee-grid-admin{grid-template-columns:1fr}.employee-meta{grid-template-columns:1fr}}@media(max-width:620px){.metric-grid-xl{grid-template-columns:1fr}.catalog-summary{min-height:94px}.employee-head{align-items:flex-start}.employee-head img{width:64px;height:64px;border-radius:20px}}