:root{color-scheme:light;--ink: #23004c;--purple: #7a00e6;--purple-deep: #5c00b0;--muted: #655b72;--line: #efe8f6;--bg: #f3f0f7;--card: #ffffff;--side: #1a0f2e;font-family:Outfit,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#1c1424}button,input,select,textarea{font:inherit}h1{margin:0;font-size:1.75rem;letter-spacing:-.03em;color:var(--ink)}h2{margin:0 0 12px;font-size:1rem;color:var(--ink)}h3{margin:14px 0 8px;font-size:1rem;color:var(--ink)}p{margin:6px 0 0}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.side{background:linear-gradient(180deg,#24143d 0%,var(--side) 40%);color:#fff;padding:20px 14px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 18px}.brand img{height:26px;width:auto;background:#fff;border-radius:8px;padding:6px 10px;box-sizing:content-box;object-fit:contain;filter:none}.brand span{font-weight:700;letter-spacing:-.02em}.side nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:#d8ccea;border-radius:12px;padding:10px 12px;font-weight:600;font-size:14px}.nav-link.active{background:var(--purple);color:#fff}.side-user{margin-top:auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;align-items:center;padding:14px 8px 0;border-top:1px solid rgba(255,255,255,.08)}.side-user .btn{grid-column:1 / -1;color:#fff;border-color:#ffffff40}.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#f4e9ff;color:var(--purple);font-weight:700}.who{display:flex;flex-direction:column;font-size:13px;line-height:1.2;min-width:0}.who small,.muted{color:var(--muted)}.side .who small{color:#cbbfe0}.main-col{min-width:0;display:flex;flex-direction:column}.topbar{height:64px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 22px;position:sticky;top:0;z-index:4;background:#f3f0f7e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-brand,.mobile-exit{display:none}.pill{background:#f4e9ff;color:var(--purple);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.content{padding:8px 22px 56px;max-width:1180px;min-width:0}.bottom-nav{display:none}.eyebrow{margin:0 0 4px;color:var(--purple);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.page-head p{color:var(--muted);max-width:62ch}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:14px;min-width:0;box-shadow:0 10px 30px #23004c0a}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:0 10px 30px #23004c0a}.stat strong{display:block;font-size:1.8rem;letter-spacing:-.04em;line-height:1}.stat span{color:var(--muted);font-size:13px}.tone-vigente strong{color:#1b7f3a}.tone-por-vencer strong{color:#b86e00}.tone-vencido strong{color:#c62828}.tone-total strong{color:var(--purple)}.dash-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;align-items:start}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}th{color:var(--muted);font-size:12px;font-weight:700}.cell-sub{display:block;color:var(--muted);font-size:12px}.text-link{color:var(--purple);font-weight:700;text-decoration:none}.badge,.chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.estado-vigente{background:#e7f6ec;color:#1b7f3a}.estado-por-vencer{background:#fff4dc;color:#9a6200}.estado-vencido{background:#fdecea;color:#c62828}.estado-sin-fecha{background:#eceff1;color:#546e7a}.btn{background:var(--purple);color:#fff;border:0;border-radius:12px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.ghost{background:#fff;color:var(--purple);border:1px solid #e4d4f7}.btn.small{padding:7px 10px;font-size:13px}.btn.wide{width:100%}.btn:hover{background:var(--purple-deep)}.btn.ghost:hover{background:#faf6ff}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);margin-bottom:10px;max-width:440px}.field input,.field select,.field textarea{border:1px solid #e4dced;border-radius:12px;padding:10px 12px;color:#1c1424;background:#fff;width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #eadcff;border-color:var(--purple)}.split{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;align-items:start}.tree-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:10px;padding:8px 12px;color:#3d3550}.tree-item.active{background:#f4e9ff;color:var(--purple);font-weight:700}.equipo-list,.plain-list,.sector-bars{list-style:none;margin:0;padding:0}.equipo-row{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 4px;text-align:left;min-width:0}.equipo-row.selected{background:#faf7fd}.equipo-row img,.thumb-empty{width:46px;height:46px;border-radius:12px;object-fit:cover;flex:0 0 46px}.thumb-empty{display:grid;place-items:center;background:#f4e9ff;color:var(--purple);font-size:11px}.equipo-copy{min-width:0;flex:1;display:flex;flex-direction:column}.equipo-copy strong,.equipo-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipo-copy small{color:var(--muted)}.detalle{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.foto img,.foto-vacia{width:100%;height:160px;object-fit:cover;border-radius:14px;background:#f4e9ff}.foto-vacia{display:grid;place-items:center;color:var(--purple)}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.facts>div,.facts .field{background:#f7f4fa;border-radius:12px;padding:10px;margin:0;max-width:none}.facts span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.row-between{display:flex;justify-content:space-between;align-items:center;gap:8px}.plain-list li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.plain-list small{display:block;color:var(--muted)}.sector-bars li{margin-bottom:12px}.sector-bars small{color:var(--muted)}.bar{height:8px;background:#f1e9f8;border-radius:999px;overflow:hidden;margin-top:6px}.bar span{display:block;height:100%;background:var(--purple);border-radius:inherit}.stack{display:flex;flex-direction:column}.dialog .field{max-width:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#160a247a;display:grid;place-items:center;padding:16px;z-index:20}.dialog{background:#fff;border-radius:20px;padding:20px;width:min(520px,100%);max-height:min(88vh,760px);overflow:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.qr-box{text-align:center}.qr-box img{width:220px;height:220px}.filters,.actions,.atajos,.chip-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.search-row{display:flex;gap:8px;align-items:flex-end}.search-row .field{flex:1;margin:0;max-width:none}.atajos{margin-bottom:14px}.atajos span{width:100%;font-size:12px;color:#6b7280}.video{width:100%;max-height:280px;border-radius:16px;background:#111;object-fit:cover}.ficha-top{display:flex;gap:12px;align-items:flex-start}.ficha-foto{width:72px;height:72px;object-fit:cover;border-radius:14px}.chip{border:0;cursor:pointer}.chip-on{outline:2px solid var(--ink)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:#fff;border-radius:14px;padding:12px 16px;z-index:30}.error{color:#c62828;font-weight:700}.user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.user-card{display:flex;gap:14px}.user-card ul{margin:10px 0 0;padding-left:18px;color:var(--muted)}.user-card .pill{display:inline-flex;margin-top:8px}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr)}.demo-banner{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding:14px 28px;background:#fff;border-bottom:1px solid var(--line)}.demo-banner img{height:46px;width:auto;flex:0 0 auto}.demo-banner p{margin:0;color:#3a3148;max-width:68ch}.login-hero{background:radial-gradient(1200px 500px at -10% -20%,#9b4dff 0%,transparent 50%),linear-gradient(160deg,#3a1468,#1a0f2e 60%);color:#fff;padding:48px 40px;display:flex;flex-direction:column;justify-content:space-between}.logo-mark{display:block;width:210px;max-width:100%;height:auto;background:#fff;border-radius:14px;padding:14px 18px;box-sizing:content-box;object-fit:contain;filter:none}.login-hero h1{color:#fff;font-size:2.4rem;margin-top:28px;max-width:12ch}.phone-stage{min-height:100vh;display:grid;place-items:center;padding:28px 16px;background:radial-gradient(700px 320px at 50% 0%,#6d28d9 0%,transparent 60%),#12081f}.phone-embed{display:flex;justify-content:center;padding-bottom:12px}.phone{width:min(390px,100%);height:min(820px,calc(100vh - 40px));background:#f7f4fa;color:#1c1424;border:12px solid #140c22;border-radius:40px;box-shadow:0 28px 70px #00000059;display:flex;flex-direction:column;overflow:hidden}.phone-notch{width:118px;height:22px;margin:0 auto;background:#140c22;border-radius:0 0 14px 14px}.phone-top{display:flex;align-items:center;gap:10px;padding:8px 14px 4px}.phone-top img{height:22px;width:auto;background:#fff;border-radius:7px;padding:4px 7px;box-sizing:content-box}.phone-top div{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}.phone-top small{color:var(--muted)}.phone-scroll{overflow:auto;padding:8px 14px 22px;min-height:0}.phone-scroll h1{font-size:1.4rem}.phone .field,.phone .btn.wide{max-width:none}.sim-label{margin:16px 0 6px;font-size:12px;color:#6b7280}.ficha-movil{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.ficha-movil .ficha-foto{width:100%;height:140px;object-fit:cover;border-radius:12px;margin-bottom:10px}.phone-embed .phone{height:min(760px,78vh)}.login-hero p,.login-hero li{color:#eadff8}.login-hero ul{padding-left:18px}.login-card{padding:40px 36px;background:#f7f4fa;display:flex;flex-direction:column;justify-content:center}.logo-mark-form{width:168px;padding:8px 10px;margin-bottom:18px}.login-card h2{font-size:1.5rem}.login-card .field{max-width:none}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.role-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px}.role-card.on{border-color:var(--purple);box-shadow:0 0 0 3px #f0e2ff}.role-card strong,.role-card small,.role-card span{display:block}.role-card small{color:var(--muted)}.role-card span{margin-top:6px;color:#4d445c;font-size:12px;line-height:1.35}@media (max-width: 980px){.shell{grid-template-columns:1fr}.side{display:none}.stats,.dash-grid,.user-grid,.split,.detalle,.facts,.login-screen,.role-grid{grid-template-columns:1fr}.topbar{justify-content:space-between}.mobile-brand,.mobile-exit{display:flex}.mobile-brand img{filter:none;height:24px}.bottom-nav{display:flex;position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);overflow-x:auto;gap:4px;padding:6px;z-index:5}.bottom-nav .nav-link{flex-direction:column;gap:2px;font-size:11px;color:#5c5568;min-width:72px}.bottom-nav .nav-link.active{background:#f4e9ff;color:var(--purple)}.demo-banner{align-items:flex-start;padding:14px 16px}.demo-banner img{height:36px}.login-hero{min-height:280px;padding:28px 22px}.login-hero h1{font-size:2rem}.login-card{padding:22px}.content{padding:8px 14px 28px}}