:root{--bg:#0b1020;--bg-soft:#121a33;--card:#16203f;--card-2:#1c2a52;--border:#263256;--text:#eaf0ff;--muted:#9fb0d6;--accent:#4f8cff;--accent-2:#22d3a6;--warn:#ffb020;--danger:#ff5d6c;--ok:#22c55e;--shadow:0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}body,html{padding:0;margin:0;background:radial-gradient(1200px 600px at 50% -10%,#16224a 0,var(--bg) 60%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}a{color:var(--accent);text-decoration:none}.container{max-width:1400px;margin:0 auto;padding:24px}.nav{display:flex;gap:18px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border);background:rgba(11,16,32,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.nav .brand{font-weight:800;letter-spacing:.5px;font-size:20px}.nav a{color:var(--muted);font-weight:600}.nav a:hover{color:var(--text)}.btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;transition:transform .08s ease,opacity .2s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn.ok{background:var(--ok)}.input{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px 14px;font-size:16px;width:100%}.input:focus{outline:2px solid var(--accent)}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-bottom:24px}.stat{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--border);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow)}.stat .label{color:var(--muted);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.stat .value{font-size:44px;font-weight:800;margin-top:6px}.queue{display:flex;flex-direction:column;gap:14px}.row{display:grid;grid-template-columns:120px 1fr auto;grid-gap:20px;gap:20px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px 22px;box-shadow:var(--shadow)}.row .pos{font-size:56px;font-weight:900;line-height:1;text-align:center;color:var(--accent);min-width:100px}.row .main .folio{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);font-size:14px;letter-spacing:1px}.row .main .desc{font-size:22px;font-weight:700;margin-top:4px}.row .meta{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.tag{background:var(--bg-soft);border:1px solid var(--border);color:var(--muted);padding:4px 12px;font-size:13px;font-weight:600}.status,.tag{border-radius:999px}.status{padding:8px 14px;font-weight:800;font-size:14px;white-space:nowrap}.status.recibida{background:rgba(79,140,255,.15);color:#9cc0ff}.status.en_proceso,.status.proceso{background:rgba(255,176,32,.15);color:#ffcf7a}.status.resuelta{background:rgba(34,197,94,.15);color:#7ee2a3}@keyframes flashIn{0%{transform:translateY(-14px) scale(.98);opacity:0;box-shadow:0 0 0 3px var(--accent-2)}40%{box-shadow:0 0 0 3px var(--accent-2)}to{transform:translateY(0) scale(1);opacity:1;box-shadow:var(--shadow)}}.row.new{animation:flashIn .9s ease;border-color:var(--accent-2)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:22px;gap:22px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.card .photo{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--bg-soft)}.card .body{padding:16px 18px;display:flex;flex-direction:column;gap:8px}.card .body .desc{font-size:17px;font-weight:700}.card .body .time{color:var(--accent-2);font-weight:800}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:1px;background:var(--bg-soft);position:-webkit-sticky;position:sticky;top:0}tr:hover td{background:rgba(79,140,255,.05)}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:700;font-size:12px;background:var(--bg-soft)}.center-box,.pill{border:1px solid var(--border)}.center-box{max-width:420px;margin:60px auto;background:var(--card);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.muted{color:var(--muted)}.h1{font-size:30px;font-weight:800;margin:8px 0 20px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.spacer{flex:1 1}.empty{text-align:center;padding:60px 0;font-size:18px}.empty,.live-dot{color:var(--muted)}.live-dot{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px}.live-dot .dot{width:10px;height:10px;border-radius:50%;background:var(--danger)}.live-dot.on .dot{background:var(--ok);box-shadow:0 0 0 4px rgba(34,197,94,.2)}.projection .row .pos{font-size:72px}.projection .row .desc{font-size:26px}