:root{--amarillo:#fdda24;--negro:#0a0a0a;--gris-bg:#f4f4f2;--card:#fff;--linea:#e8e8e4;--txt:#0a0a0a;--txt-sec:#6b6b66;--verde:#1e9e5a;--azul:#2b7cd3;--naranja:#e8861e;--rojo:#e23b3b;--morado:#9b59b6;--sidebar-w:250px}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body,html{height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--gris-bg);color:var(--txt);font-size:13px}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit}.btn{background:var(--negro);color:#fff;padding:9px 16px;border-radius:9px;font-weight:700;font-size:12px;transition:.14s}.btn:hover{background:#222}.btn-ghost{background:var(--gris-bg);color:#333;padding:9px 16px;border-radius:9px;font-weight:700;font-size:12px}.btn-ghost:hover{background:var(--linea)}.btn-mini{padding:5px 10px;border-radius:7px;font-size:11px;font-weight:700;background:var(--gris-bg);color:#333}.btn-mini:hover{background:var(--linea)}.btn-danger{background:var(--rojo);color:#fff;padding:9px 16px;border-radius:9px;font-weight:700;font-size:12px}.btn-sm{padding:6px 12px;font-size:11px}.inp{width:100%;padding:10px 12px;border:1.5px solid var(--linea);border-radius:10px;font-size:13px;background:#fff}.inp:focus{outline:none;border-color:var(--amarillo)}.spin{display:inline-block;width:16px;height:16px;border:2px solid var(--linea);border-top-color:var(--amarillo);border-radius:50%;animation:sp .7s linear infinite;vertical-align:middle}@keyframes sp{to{transform:rotate(1turn)}}.loading{color:var(--txt-sec);padding:40px}.empty,.loading{text-align:center}.empty{color:#aaa;padding:36px}.empty,.toast{font-size:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--negro);color:#fff;padding:12px 22px;border-radius:11px;font-weight:600;z-index:2000;transition:.3s;opacity:0}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast.err{background:var(--rojo)}.modal-ov{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px}.modal{background:#fff;border-radius:16px;padding:24px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto}.modal-lg{max-width:680px}.modal h3{font-size:17px;font-weight:800;margin-bottom:14px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.field{margin-bottom:13px}.field-label{display:block;font-size:11px;font-weight:800;margin-bottom:6px}.pill{font-size:9px;font-weight:800;text-transform:uppercase;padding:3px 9px;border-radius:20px;background:var(--gris-bg);color:var(--txt-sec);display:inline-block}.login-wrap{position:fixed;display:flex;align-items:center;justify-content:center;background:var(--amarillo)}.login-bg,.login-wrap{inset:0;overflow:hidden}.login-bg,.pkg{position:absolute}.pkg{bottom:-60px;background:hsla(0,0%,4%,.07);border-radius:8px;animation:flota linear infinite}.pkg:before{top:50%;left:0;right:0;height:2px;transform:translateY(-50%)}.pkg:after,.pkg:before{content:"";position:absolute;background:hsla(0,0%,4%,.1)}.pkg:after{left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%)}@keyframes flota{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-115vh) rotate(300deg)}}.login-card{position:relative;z-index:2;background:#fff;border-radius:22px;padding:38px 34px;width:378px;max-width:92vw;box-shadow:0 24px 70px rgba(0,0,0,.22)}.login-logo{display:flex;justify-content:center;margin-bottom:6px}.login-logo img{border-radius:12px}.login-sub{text-align:center;font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--txt-sec);margin-bottom:24px;text-transform:uppercase}.login-err{background:#fdecec;color:#c0392b;padding:9px 12px;border-radius:9px;margin-bottom:14px}.login-err,.login-recordar{font-size:12px;font-weight:600}.login-recordar{display:flex;align-items:center;gap:8px;color:#444;margin:2px 0 16px;cursor:pointer}.login-btn{width:100%;background:var(--negro);color:#fff;padding:14px;border-radius:12px;font-weight:800;font-size:14px}.login-btn:hover{background:#222}.login-btn:disabled{opacity:.6}.login-alt{text-align:center;margin-top:14px;font-size:12px}.login-alt a{color:var(--azul);font-weight:600;cursor:pointer}.login-foot{text-align:center;margin-top:18px;font-size:10px;color:#bbb}.app-shell{display:flex;min-height:100vh}.app-main{flex:1 1;min-width:0}.sidebar{width:var(--sidebar-w);background:var(--negro);color:#fff;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;flex-shrink:0;transition:width .18s}.sidebar.colapsado{width:64px}.sb-brand{padding:14px 12px;border-bottom:1px solid #1e1e1e;gap:8px}.sb-brand,.sb-brand-logo{display:flex;align-items:center}.sb-brand-logo{gap:9px;font-size:16px;font-weight:800;flex:1 1}.sb-brand-logo img{border-radius:7px}.sb-brand-logo b{color:var(--amarillo);font-weight:800}.sb-toggle{color:#888;font-size:15px;padding:4px 8px;border-radius:7px;margin-left:auto}.sb-toggle:hover{background:#1e1e1e;color:#fff}.sb-search{padding:10px 12px}.sb-search .inp{background:#1a1a1a;border-color:#2a2a2a;color:#fff;font-size:12px;padding:8px 10px}.sb-search .inp::placeholder{color:#777}.sb-nav{flex:1 1;overflow-y:auto;padding:6px 8px;min-height:0}.sb-sec{padding:14px 10px 5px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#666}.sb-group{margin-bottom:1px}.sb-mod{width:100%;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;color:#d2d2d2;font-size:13px;font-weight:600}.sb-mod:hover{background:#1a1a1a;color:#fff}.sb-mod.prox{opacity:.4;cursor:default}.sb-mod.prox:hover{background:none;color:#d2d2d2}.sb-mod-ic{width:20px;text-align:center;font-size:14px;flex-shrink:0}.sb-mod-name{flex:1 1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-chevron{font-size:10px;color:#777}.sb-prox-tag{font-size:8px;font-weight:800;background:#2a2a2a;color:#888;padding:2px 6px;border-radius:6px;text-transform:uppercase}.sb-sub{padding:2px 0 4px 30px}.sb-item{display:block;width:100%;text-align:left;padding:7px 11px;border-radius:8px;color:#a8a8a8;font-size:12.5px}.sb-item:hover{background:#1a1a1a;color:#fff}.sb-item.activo{background:var(--amarillo);color:var(--negro);font-weight:700}.sb-ext{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;color:#d2d2d2;font-size:13px;font-weight:600}.sb-ext:hover{background:#1a1a1a;color:#fff}.sb-ext-ic{margin-left:auto;font-size:12px;color:#666}.sb-ext:hover .sb-ext-ic{color:var(--amarillo)}.sb-foot{gap:10px;padding:12px;border-top:1px solid #1e1e1e}.sb-av,.sb-foot{display:flex;align-items:center}.sb-av{width:32px;height:32px;border-radius:50%;background:var(--amarillo);color:#000;justify-content:center;font-weight:800;font-size:12px;flex-shrink:0}.sb-user{min-width:0;flex:1 1}.sb-user-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-rol{font-size:10px;color:#888}.sb-logout{color:#888;font-size:16px;padding:4px}.sb-logout:hover{color:#fff}.sb-version{padding:0 14px 12px;font-size:9px;color:#555}.topbar{height:56px;background:var(--amarillo);display:flex;align-items:center;padding:0 22px;gap:16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-crumb{font-size:11px;color:#7a6a00;font-weight:600}.topbar h1{font-size:17px;font-weight:800}.content{padding:20px 22px}.dash-head{font-size:22px;font-weight:800;margin-bottom:2px}.dash-sub{color:var(--txt-sec);font-size:13px;margin-bottom:18px}.dash-filtros{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;background:#fff;border:1px solid var(--linea);border-radius:12px;padding:14px;margin-bottom:20px}.dash-filtros .ff{display:flex;flex-direction:column;gap:5px}.dash-filtros .ff label{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--txt-sec)}.dash-filtros .inp{max-width:170px;padding:8px 10px;font-size:12px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:24px}.kpi{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:18px}.kpi-n{font-size:30px;font-weight:800;letter-spacing:-1px}.kpi-l{font-size:12px;color:var(--txt-sec);font-weight:600;margin-top:2px}.dash-secc{font-size:13px;font-weight:800;margin-bottom:12px}.esp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:14px;gap:14px}.esp-card{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:16px;transition:.14s}.esp-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.07);transform:translateY(-2px)}.esp-card-top{gap:10px;margin-bottom:8px}.esp-card-top,.esp-ic{display:flex;align-items:center}.esp-ic{width:38px;height:38px;border-radius:10px;justify-content:center;font-size:19px}.esp-nombre{font-weight:800;font-size:14px}.esp-n{font-size:12px;color:var(--txt-sec)}.esp-n b{font-size:18px}.esp-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.esp-chip{padding:8px 14px;border:1.5px solid var(--linea);background:#fff;border-radius:20px;font-size:12px;font-weight:700;color:var(--txt-sec)}.tk-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.tk-tabs{display:flex;gap:4px;background:var(--gris-bg);padding:4px;border-radius:10px}.tk-tab{padding:7px 14px;font-size:12px;font-weight:700;color:var(--txt-sec);border-radius:7px}.tk-tab.on{background:#fff;color:#000;box-shadow:0 1px 3px rgba(0,0,0,.08)}.tk-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.tk-search{max-width:200px;padding:8px 12px;font-size:12px}.tk-chk{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--txt-sec)}.tk-hist-filtros{display:flex;gap:8px;margin-bottom:14px}.tk-hist-filtros .inp{max-width:160px}.tk-group{margin-bottom:20px}.tk-g-head{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.tk-g-n{font-size:10px;background:var(--linea);color:var(--txt-sec);padding:1px 8px;border-radius:10px}.tk-row{display:grid;grid-template-columns:2.6fr 1fr 1fr 80px;grid-gap:10px;gap:10px;align-items:center;background:#fff;border:1px solid var(--linea);border-radius:11px;padding:11px 14px;margin-bottom:6px;cursor:pointer;transition:.12s}.tk-row:hover{border-color:#d5d5cf;box-shadow:0 2px 8px rgba(0,0,0,.05)}.tk-row-main{min-width:0}.tk-code{font-size:10px;font-weight:800;color:#9a6a00;font-family:ui-monospace,monospace}.tk-title{font-weight:600;font-size:13px;margin:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-mini{font-size:10px;color:var(--txt-sec)}.tk-prio{font-size:11px;font-weight:700}.tk-asg{display:flex;justify-content:flex-end}.tk-txt{font-size:11px;color:var(--txt-sec)}.tk-none{color:#ccc;font-size:11px}.tk-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.tk-col{background:var(--gris-bg);border-radius:12px;width:250px;flex-shrink:0}.tk-col-head{padding:12px 14px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:8px}.tk-col-body{padding:0 10px 10px;min-height:30px}.tk-card{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:11px;margin-bottom:8px;cursor:pointer;transition:.12s}.tk-card:hover{box-shadow:0 3px 10px rgba(0,0,0,.07);transform:translateY(-1px)}.tk-card-t{font-weight:600;font-size:12.5px;margin:5px 0 8px;line-height:1.35}.tk-card-f{display:flex;align-items:center;gap:8px}.tk-empty{text-align:center;color:#ccc;font-size:11px;padding:14px}.tbl{width:100%;border-collapse:collapse;font-size:12.5px;background:#fff;border-radius:12px;overflow:hidden}.tbl th{text-align:left;font-size:10px;text-transform:uppercase;color:var(--txt-sec);letter-spacing:.4px}.tbl td,.tbl th{padding:10px 12px;border-bottom:1px solid var(--linea)}.tbl tbody tr{cursor:pointer}.tbl tbody tr:hover{background:var(--gris-bg)}.det-top{display:flex;justify-content:space-between;align-items:flex-start}.det-x{font-size:16px;color:var(--txt-sec)}.det-desc{font-size:13px;color:#444;line-height:1.5;background:var(--gris-bg);padding:12px;border-radius:10px;margin:8px 0}.det-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:10px}.det-grid>div{display:flex;flex-direction:column;gap:3px;font-size:13px}.det-l{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--txt-sec);letter-spacing:.3px}.est-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.est-btn{padding:7px 12px;border:1.5px solid var(--linea);background:#fff;border-radius:9px;font-size:11px;font-weight:700;color:var(--txt-sec)}.est-btn.on{background:var(--negro);color:#fff;border-color:var(--negro)}.cm-list{max-height:200px;overflow-y:auto;margin:6px 0}.cm{gap:9px;padding:8px 0;border-bottom:1px solid var(--linea)}.cm,.cm-av{display:flex}.cm-av{width:28px;height:28px;border-radius:50%;background:var(--amarillo);color:#000;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0}.cm-a{font-size:12px;font-weight:700}.cm-t{font-size:10px;color:#bbb;font-weight:500}.cm-x{font-size:12.5px;color:#444;margin-top:2px}.ck{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px}.ck .done{text-decoration:line-through;color:#aaa}.ck-add{display:flex;gap:8px;margin-top:8px}.ck-add .inp{flex:1 1}.tag-admin{background:var(--negro);color:var(--amarillo);font-size:8px;font-weight:800;padding:2px 6px;border-radius:5px;margin-left:6px}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.rol-card{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:16px}.rol-card-head{display:flex;justify-content:space-between;align-items:flex-start}.rol-nombre{font-weight:800;font-size:14px}.rol-dep{font-size:11px;color:var(--azul);font-weight:600;margin-top:6px}.rol-accesos{margin-top:8px;font-size:11px;color:var(--txt-sec)}.perm-box{background:var(--gris-bg);border-radius:10px;padding:12px;max-height:300px;overflow-y:auto}.mod-block{margin-bottom:12px}.perm-ck{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;cursor:pointer}.perm-mod{font-weight:800}.pan-list{display:flex;flex-direction:column;gap:5px;margin-top:5px;padding-left:22px}.suc-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;max-height:180px;overflow-y:auto;background:var(--gris-bg);padding:12px;border-radius:10px}