:root{--bg: #f5f6fb;--card: #fff;--ink: #1c1b2e;--mute: #6b6a80;--line: #e6e7f0;--brand: #5b3df5;--brand-soft: #ece8ff;--ok: #14a05a;--mid: #e0a100;--bad: #e0453a}@media (prefers-color-scheme: dark){:root{--bg: #12121c;--card: #1c1c2b;--ink: #ececf6;--mute: #9c9bb5;--line: #2c2c40;--brand-soft: #2a2450}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:0 0 2px;font-size:24px}h3{margin:0;font-size:15px}small{color:var(--mute);display:block;font-size:12px}button{font:inherit;cursor:pointer}input,select{font:inherit;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);width:100%}label{display:grid;gap:4px;font-size:13px;color:var(--mute)}.splash{min-height:100vh;display:grid;place-content:center;gap:12px;text-align:center;color:var(--mute)}.login{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(135deg,#5b3df5,#8a5cff 60%,#c18bff)}.login-card{background:var(--card);padding:28px;border-radius:18px;width:min(400px,100%);display:grid;gap:14px;box-shadow:0 20px 60px #00000040}.demo-box{border-top:1px dashed var(--line);padding-top:12px;font-size:13px;color:var(--mute)}.err{color:var(--bad);margin:0;font-size:13px}.brand{display:flex;align-items:center;gap:10px}.brand.big .logo{width:44px;height:44px;font-size:24px}.logo{width:36px;height:36px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;flex:none}.btn{padding:9px 14px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:600}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn:disabled{opacity:.6}.link{background:none;border:0;color:var(--brand);padding:4px;font-weight:600}.link.danger{color:var(--bad)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.chip{background:var(--brand-soft);color:var(--brand);border:0;padding:7px 12px;border-radius:999px;font-weight:600}.chip.static{cursor:default}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:var(--card);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.side nav{display:grid;gap:2px;flex:1;align-content:start;overflow-y:auto;min-height:0}.side nav button{display:flex;gap:10px;align-items:center;background:none;border:0;padding:10px 12px;border-radius:10px;color:var(--ink);text-align:left}.side nav button em{font-style:normal;font-weight:600}.side nav button.on{background:var(--brand-soft);color:var(--brand)}.me{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center;padding-top:12px;border-top:1px solid var(--line)}.me .link{grid-column:1 / -1;text-align:left}.avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.avatar.warn{background:#fff1d6;color:var(--mid)}.main{padding:22px;max-width:1150px;width:100%}.demo-badge{display:inline-block;background:#fff1d6;color:#8a6100;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;margin-bottom:8px}.page{display:grid;gap:16px}.sub{margin:0;color:var(--mute)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-chat{display:grid;grid-template-columns:260px 1fr;gap:16px}.grid-chat:has(>:only-child){grid-template-columns:1fr}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:12px;align-content:start}.card-h{display:flex;justify-content:space-between;align-items:center}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:2px}.kpi-l{color:var(--mute);font-size:12px}.kpi-v{font-size:22px}.kpi-s{color:var(--mute);font-size:12px}.kpi.ok .kpi-v{color:var(--ok)}.kpi.bad .kpi-v{color:var(--bad)}.prog{display:grid;gap:4px}.prog-t{display:flex;justify-content:space-between;gap:8px;font-size:13px}.prog-bar{position:relative;height:10px;background:var(--line);border-radius:99px}.prog-fill{height:100%;border-radius:99px}.prog-fill.ok{background:var(--ok)}.prog-fill.mid{background:var(--mid)}.prog-fill.bad{background:var(--bad)}.prog-ideal{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);opacity:.6}.bars{display:flex;align-items:flex-end;gap:6px;height:150px}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.bar{width:100%;background:var(--brand);border-radius:6px 6px 0 0;min-height:2px}.bar-col span{font-size:11px;color:var(--mute)}.rank-row{display:flex;align-items:center;gap:10px;padding:6px 0}.rank-row.mine{background:var(--brand-soft);border-radius:10px;padding:8px}.grow{flex:1;min-width:0}.pos{width:24px;text-align:center;font-weight:700}.line{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.line:last-child{border:0}.insights,.alerts{list-style:none;margin:0;padding:0;display:grid;gap:8px}.insights li,.insight{padding:10px 12px;border-radius:10px;background:var(--bg);border-left:4px solid var(--brand);margin:0}.insights li.ok,.insight.ok{border-color:var(--ok)}.insights li.warn,.insight.warn{border-color:var(--mid)}.alerts li{display:flex;gap:10px;align-items:center}.empty{color:var(--mute);text-align:center;margin:8px 0}.hint{color:var(--mute);font-size:13px;margin:0}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;color:var(--mute);font-weight:600}.tbl th,.tbl td{padding:8px 6px;border-bottom:1px solid var(--line)}.scroll{overflow-x:auto}.motivo{display:grid;grid-template-columns:140px 1fr 28px;gap:8px;align-items:center;font-size:13px}.mbar{background:var(--line);height:8px;border-radius:99px}.mbar i{display:block;height:100%;background:var(--brand);border-radius:99px}.form{display:grid;gap:10px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg button{padding:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;font-weight:700}.seg button.on.ok{background:var(--ok);color:#fff;border-color:var(--ok)}.seg button.on.bad{background:var(--bad);color:#fff;border-color:var(--bad)}.inline{display:flex;gap:8px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters select{width:auto}.meta-row{display:grid;grid-template-columns:1fr 150px;gap:10px;align-items:center;color:var(--ink)}.actions{display:flex;gap:8px}.pick{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;padding:8px;border-radius:10px;color:var(--ink);text-align:left}.pick.on{background:var(--brand-soft)}.pick small{margin-left:auto}.chat{display:grid;gap:8px;max-height:380px;overflow:auto}.bubble{background:var(--bg);padding:8px 12px;border-radius:12px;max-width:85%}.bubble.mine{background:var(--brand-soft);justify-self:end}.bubble p{margin:2px 0 0}.q{display:grid;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.opts{display:flex;flex-wrap:wrap;gap:8px}.opt-row{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.opt-row input[type=radio]{width:auto}.stack{display:grid;gap:16px;align-content:start}.m0{margin:0}.sm{font-size:12px;padding:0}.kpis.two{grid-template-columns:repeat(2,minmax(0,1fr))}.quote{margin:0;font-style:italic;color:var(--brand);font-weight:600}.sueno-foto{width:100%;max-height:260px;object-fit:cover;border-radius:12px}.params{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.num{width:90px}.filebtn{text-align:center;cursor:pointer;display:block}.bono{display:grid;gap:6px;margin-bottom:8px}.banner{border-radius:14px;padding:14px 18px;color:#fff;margin-bottom:14px;text-align:center;box-shadow:0 8px 18px #0000002e;animation:latido 2s ease-in-out infinite}.banner h2{margin:0 0 4px;font-size:18px}.banner p{margin:0}.banner.verde{background:linear-gradient(90deg,#11998e,#38ef7d)}.banner.rojo{background:linear-gradient(90deg,#ff416c,#ff4b2b);cursor:pointer}@keyframes latido{50%{transform:scale(1.012)}}.pinned{background:var(--brand-soft);border-left:5px solid var(--brand);border-radius:12px;padding:12px 16px}.pinned p{margin:4px 0 0}.chat.tall{max-height:460px}.dona{width:150px;height:150px;flex:none}.dona-box{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.leyenda{list-style:none;margin:0;padding:0;display:grid;gap:6px}.pt{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.pt.ok{background:var(--ok)}.pt.bad{background:var(--bad)}.marca-agua{position:relative;user-select:none;-webkit-user-select:none;overflow:hidden;border-radius:10px}.marca-agua img{width:100%;display:block;pointer-events:none}.marca-texto{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transform:rotate(-30deg);color:#ff28286b;font-size:26px;font-weight:800;text-align:center;text-shadow:1px 1px 3px rgba(255,255,255,.7);pointer-events:none}.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.galeria figure{margin:0;background:var(--bg);border-radius:12px;overflow:hidden}.galeria img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.galeria figcaption{padding:8px 10px;display:grid}.turnos-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.grid-turnos td{white-space:nowrap;font-size:12px}.grid-turnos tr.sin{opacity:.45}.solicitud{display:grid;gap:6px;padding:10px 0;border-bottom:1px solid var(--line)}.tag{padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700;background:#fff1d6;color:#8a6100}.tag.Aprobado{background:#d9f5e6;color:#0b6b3a}.tag.Rechazado{background:#fde2df;color:#a8281f}.topbar{display:none}@media (max-width: 800px){.topbar{display:flex;align-items:center;gap:10px;margin:-14px -14px 12px;padding:10px 14px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.topbar .logo{width:30px;height:30px;font-size:16px}.kpi-v{font-size:18px}.meta-row{grid-template-columns:1fr 120px}.motivo{grid-template-columns:110px 1fr 24px}.app{grid-template-columns:1fr;padding-bottom:66px}.side{position:fixed;inset:auto 0 0 0;height:auto;flex-direction:row;padding:6px;z-index:5;border-top:1px solid var(--line);border-right:0}.side .brand,.side .me{display:none}.side nav{display:flex;overflow-x:auto;width:100%;gap:2px;scrollbar-width:none}.side nav button{flex:0 0 74px;flex-direction:column;gap:2px;padding:6px 2px;font-size:11px;align-items:center}.main{padding:14px}.grid2,.grid-chat{grid-template-columns:1fr}}