:root{--bg:#07111f;--card:#0f1b2d;--card2:#132640;--text:#eef6ff;--muted:#9fb3c8;--gold:#f5c542;--cyan:#37d5ff;--green:#21d07a;--red:#ff5a6b;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#07111f,#10213a 50%,#06101c);color:var(--text)}a{color:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);background:rgba(7,17,31,.82);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--gold),#ff8c2b);color:#07111f}.topbar nav{display:flex;gap:12px;flex-wrap:wrap}.topbar a{padding:10px 14px;text-decoration:none;border-radius:999px;color:var(--muted)}.topbar a:hover,.btn{background:linear-gradient(135deg,var(--gold),#ff9d2e);color:#07111f}.wrap{width:min(1180px,92vw);margin:0 auto}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;min-height:calc(100vh - 72px);padding:48px 0}.badge{display:inline-flex;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--cyan);background:rgba(55,213,255,.08)}h1{font-size:clamp(38px,6vw,74px);line-height:.96;margin:18px 0}p{color:var(--muted);line-height:1.6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border:0;border-radius:16px;font-weight:800;text-decoration:none;cursor:pointer}.btn.ghost{background:rgba(255,255,255,.08);color:var(--text);border:1px solid var(--line)}.card,.panel{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:26px;box-shadow:0 24px 80px rgba(0,0,0,.35);padding:24px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kpi{padding:20px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.kpi b{font-size:32px}.section{padding:26px 0}.table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.04);border-radius:18px;overflow:hidden}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.table th{color:var(--gold);font-size:13px;text-transform:uppercase}.form{display:grid;gap:12px}.input,select,textarea{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:#091629;color:var(--text);outline:none}.input:focus,select:focus,textarea:focus{border-color:var(--gold)}.status{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.s-pendiente{background:#654d08;color:#ffe59a}.s-asignado,.s-aceptado{background:#073f2a;color:#9df4c7}.s-cancelado{background:#4a1220;color:#ffb6c1}.s-finalizado{background:#1d375e;color:#bcd8ff}.map{height:420px;border-radius:24px;overflow:hidden;background:#0b1728;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted)}.chat{max-width:780px;margin:30px auto}.bubble{padding:13px 16px;border-radius:18px;margin:8px 0;max-width:85%}.bot{background:rgba(255,255,255,.08)}.me{background:linear-gradient(135deg,var(--cyan),#85f0ff);color:#041220;margin-left:auto}.footer{padding:40px 0;color:var(--muted);text-align:center}.notice{padding:12px 14px;border-radius:14px;background:rgba(245,197,66,.12);border:1px solid rgba(245,197,66,.3)}@media(max-width:900px){.hero,.grid2,.grid3{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.topbar{height:auto;padding:14px 4vw;align-items:flex-start;gap:10px;flex-direction:column}h1{font-size:40px}.table{font-size:13px}}@media(max-width:560px){.grid{grid-template-columns:1fr}.actions{flex-direction:column}.btn{justify-content:center}.card,.panel{padding:18px;border-radius:20px}}