:root { --dp-primary:#0b5e8a; --dp-bg:#eef2f6; --dp-card:#fff; --dp-border:#dbe3ea; --dp-text:#1f2d3d; --dp-muted:#6b7c8f; }
* { box-sizing:border-box; }
body { margin:0; font-family:'Inter',system-ui,sans-serif; background:var(--dp-bg); color:var(--dp-text); }
.dp-top { background:var(--dp-primary); color:#fff; padding:0 24px; height:56px; display:flex; align-items:center; gap:14px; box-shadow:0 2px 8px rgba(0,0,0,.12); }
.dp-top .brand { font-weight:800; font-size:16px; letter-spacing:.3px; display:flex; align-items:center; gap:10px; }
.dp-top .brand i { background:rgba(255,255,255,.18); width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; }
.dp-top .sub { font-size:12px; opacity:.85; }
.dp-top .user { margin-left:auto; font-size:13px; display:flex; align-items:center; gap:8px; }
.dp-wrap { max-width:1100px; margin:24px auto; padding:0 24px; }
.dp-pageh { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.dp-pageh h1 { font-size:20px; margin:0; }
.dp-pageh .count { background:#fff; border:1px solid var(--dp-border); border-radius:20px; padding:3px 12px; font-size:13px; color:var(--dp-muted); font-weight:600; }
.dp-card { background:var(--dp-card); border:1px solid var(--dp-border); border-radius:12px; overflow:hidden; }
table.dp-table { width:100%; border-collapse:collapse; }
.dp-table th { text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.4px; color:var(--dp-muted); padding:12px 16px; border-bottom:2px solid var(--dp-border); }
.dp-table td { padding:13px 16px; border-bottom:1px solid #eef2f6; font-size:13.5px; }
.dp-table tr:last-child td { border-bottom:none; }
.dp-table tr.click { cursor:pointer; }
.dp-table tr.click:hover { background:#f5f9fc; }
.dp-pill { display:inline-flex; align-items:center; gap:5px; padding:2px 10px; border-radius:20px; font-size:12px; font-weight:600; }
.dp-pill.pend { background:#fef3c7; color:#92400e; }
.dp-pill.tipo { background:#e0eef7; color:var(--dp-primary); }
.dp-back { color:var(--dp-primary); text-decoration:none; font-size:13px; font-weight:600; display:inline-flex; align-items:center; gap:6px; margin-bottom:14px; }
.dp-section { margin-bottom:16px; }
.dp-section .h { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--dp-muted); padding:14px 16px 0; display:flex; align-items:center; gap:8px; }
.dp-section .h i { color:var(--dp-primary); }
.dp-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; padding:12px 16px 16px; }
.dp-field label { display:block; font-size:11px; color:var(--dp-muted); text-transform:uppercase; letter-spacing:.4px; margin-bottom:2px; }
.dp-field .v { font-size:14px; font-weight:500; }
.dp-guiah { display:flex; align-items:center; gap:14px; margin-bottom:16px; flex-wrap:wrap; }
.dp-guiah h1 { font-size:20px; margin:0; }
.dp-muted { color:var(--dp-muted); }