:root{--brand:#182338;--accent:#e0942c;--line:#e6eaf0;--gray:#6b7480;--bg:#f3f5f8}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:#1b2430;font-family:Segoe UI,system-ui,Arial,sans-serif;font-size:14px}a{color:inherit}.appbar{background:var(--brand);color:#fff;align-items:center;gap:16px;padding:16px 28px;display:flex}.appbar .brand{font-size:18px;font-weight:700}.appbar .sub{color:#c7cfdd;font-size:12.5px}.appbar nav{align-items:center;gap:16px;margin-left:auto;display:flex}.appbar nav>a{color:#c7cfdd;font-size:13px;text-decoration:none}.appbar nav>a:hover{color:#fff}.appbar nav .navdd{position:relative}.appbar nav .navdd>summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:700;list-style:none}.appbar nav .navdd>summary::-webkit-details-marker{display:none}.appbar nav .navdd>summary::marker{content:""}.appbar nav .navdd .navddmenu{z-index:60;background:#1e2a44;border-radius:10px;flex-direction:column;gap:2px;min-width:180px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 30px #00000059}.appbar nav .navdd .navddmenu a{color:#c7cfdd;border-radius:7px;padding:8px 12px;font-size:13.5px;text-decoration:none}.appbar nav .navdd .navddmenu a:hover{color:#fff;background:#ffffff14}.wrap{max-width:1100px;margin:26px auto;padding:0 20px}h1.page{margin:0 0 4px;font-size:22px}p.lead{color:var(--gray);margin:0 0 24px}.cards{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.card{background:#fff;border-radius:14px;flex:1;min-width:150px;padding:18px 22px;box-shadow:0 3px 14px #14213d12}.card .num{color:var(--brand);font-size:30px;font-weight:800}.card .lbl{color:var(--gray);text-transform:uppercase;letter-spacing:.03em;margin-top:2px;font-size:12px}.tabla{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 3px 14px #14213d12}.tabla th,.tabla td{text-align:left;border-bottom:1px solid var(--line);padding:11px 14px;font-size:13px}.tabla th{color:#4a5568;letter-spacing:.04em;text-transform:uppercase;background:#eef1f5;font-size:11px;font-weight:600}.tabla td.r,.tabla th.r{text-align:right}.tabla tr:last-child td{border-bottom:none}.mono{font-family:monospace}.sub2{color:var(--gray);margin-top:2px;font-size:11px}.tag{border:1px solid var(--line);color:#444;background:#f3f3f3;border-radius:20px;padding:2px 10px;font-size:11.5px}.badge{color:#fff;text-transform:uppercase;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}h2.sec{margin:28px 0 10px;font-size:15px}.tiles{flex-wrap:wrap;gap:18px;display:flex}.tile{background:#fff;border:1px solid #0000;border-radius:14px;flex:1;min-width:230px;padding:22px;text-decoration:none;transition:border-color .15s;box-shadow:0 3px 14px #14213d12}.tile:hover{border-color:var(--accent)}.tile .t{color:var(--brand);font-size:15px;font-weight:700}.tile .d{color:var(--gray);margin-top:6px;font-size:12.5px}.err{color:#c0392b;margin:-8px 0 12px;font-size:13px}.loginform{background:#fff;border-radius:14px;flex-direction:column;gap:14px;padding:22px;display:flex;box-shadow:0 3px 14px #14213d12}.loginform label{color:#4a5568;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;display:flex}.loginform input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px}.loginform input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.loginform button{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:11px;font-size:14px;font-weight:700}.loginform button:hover{background:#223052}.appbar nav .usr{color:#c7cfdd;align-items:center;gap:10px;font-size:13px;display:inline-flex}.salir{color:#e0942c;cursor:pointer;background:0 0;border:1px solid #e0942c;border-radius:20px;padding:3px 12px;font-size:12px}.salir:hover{color:#182338;background:#e0942c}.funnel{background:#fff;border-radius:14px;flex-direction:column;gap:8px;padding:20px;display:flex;box-shadow:0 3px 14px #14213d12}.frow{align-items:center;gap:14px;display:flex}.fname{color:#4a5568;width:140px;font-size:13px}.fbar{background:#eef1f5;border-radius:6px;flex:1;overflow:hidden}.fbar>div{background:var(--brand);color:#fff;text-align:right;border-radius:6px;min-width:28px;padding:6px 10px;font-size:12px;font-weight:700}.logoplate{background:#fff;border-radius:10px;align-items:center;padding:6px 12px;display:inline-flex}.logoplate img{object-fit:contain;width:auto;max-width:200px;height:34px;display:block}.btnlink{background:var(--brand);color:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.btnlink:hover{background:#223052}.ok{color:#1e8e52;margin:0 0 12px;font-size:13px}.formrow{background:#fff;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:18px;display:flex;box-shadow:0 3px 14px #14213d12}.formrow label{color:#4a5568;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.formrow input,.formrow select{border:1px solid var(--line);border-radius:8px;min-width:150px;padding:9px 11px;font-size:13px}.formrow input:focus,.formrow select:focus{outline:2px solid var(--accent);border-color:var(--accent)}.formrow .chk{flex-direction:row;align-items:center;gap:6px;font-weight:500}.formrow button{background:var(--accent);color:#182338;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700}.formrow button:hover{filter:brightness(1.05)}.volver{color:var(--gray);font-size:13px;text-decoration:none}.volver:hover{color:var(--brand)}.rowlink{color:var(--brand);font-weight:600;text-decoration:none}.rowlink:hover{text-decoration:underline}.tabla.kv td.k{color:#4a5568;background:#f6f8fa;width:200px;font-weight:700}.acciones{flex-wrap:wrap;gap:10px;margin:6px 0 18px;display:flex}.acciones form{margin:0}.acciones button{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600}.acciones button:hover{background:#223052}
