:root{color-scheme:dark;--page: #0d0d0d;--chrome: #131313;--surface: #1a1a19;--surface-2: #212120;--ink: #ffffff;--ink-2: #c3c2b7;--muted: #898781;--line: #2c2c2a;--line-2: #242422;--hairline: rgba(255, 255, 255, .1);--accent: #b42421;--accent-bright: #e0322f;--accent-ink: #ffffff;--glow: #2ee6e0;--good: #4ade80;--good-soft: rgba(74, 222, 128, .14);--warn: #fab219;--warn-soft: rgba(250, 178, 25, .14);--bad: #f08a8a;--bad-soft: rgba(208, 59, 59, .18);--t1: #231f38;--t1i: #a99cf0;--t2: #11291f;--t2i: #4ecf9a;--t3: #12262c;--t3i: #4fd0e0;--t4: #2e2016;--t4i: #f0996a;--t5: #2b2512;--t5i: #e8bd4a;--t6: #1d212a;--t6i: #93a6c8;--t7: #2c1922;--t7i: #ef8fac;--t8: #16202f;--t8i: #6aa6ee;--s1: #3987e5;--s2: #d95926;--s3: #199e70;--s4: #c98500;--s5: #d55181;--font: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Anton", "Archivo", sans-serif;--r: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--page);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:48px 48px}.shell{display:flex;flex-direction:column;height:100vh;position:relative;z-index:1}.topbar{height:46px;flex:0 0 46px;background:var(--chrome);color:var(--ink);border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:14px;padding:0 16px}.topbar .mark{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:16px;letter-spacing:.06em;font-weight:400}.topbar .mark img{width:22px;height:22px;object-fit:cover;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 52%,transparent 76%);mask-image:radial-gradient(circle at 50% 50%,#000 52%,transparent 76%)}.topbar .mark sup{color:var(--accent-bright);font-size:9px}.topbar .crumb{color:var(--muted);font-size:12px}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.body{display:flex;flex:1;min-height:0}.side{width:224px;flex:0 0 224px;background:var(--chrome);border-right:1px solid var(--hairline);overflow-y:auto;padding:14px 0 30px}.side .grp{padding:0 12px;margin-bottom:4px}.side .grp>h4{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-weight:700;padding:11px 8px 7px}.side .grp>h4:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-bright);flex:none;box-shadow:0 0 8px #e0322f99}.side button.nav{display:block;width:100%;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-family:var(--font);font-size:13.5px;color:#9a988f;padding:8px 14px;border-radius:8px;margin-bottom:1px;transition:background .12s,color .12s}.side button.nav:hover{background:#ffffff0d;color:var(--ink)}.side button.nav.on{background:var(--accent);color:#fff;font-weight:600}.side .sep{height:1px;background:var(--hairline);margin:14px 20px}.side .panel-item{display:flex;align-items:center;gap:9px}.side .panel-item img{width:18px;height:18px;object-fit:cover;border-radius:4px}.main{flex:1;overflow-y:auto;padding:18px 22px 60px;min-width:0}.head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.head h1{font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:.03em}.head h1 small{font-family:var(--font);font-size:10px;color:var(--muted);font-weight:700;margin-left:8px;letter-spacing:.18em}.head .acts{margin-left:auto;display:flex;gap:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--font);font-size:12.5px;font-weight:600;background:var(--surface);color:var(--ink-2);border:1px solid var(--hairline);padding:7px 13px;border-radius:8px}.btn:hover{border-color:var(--muted);color:var(--ink)}.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}.btn.pri:hover{background:var(--accent-bright);border-color:var(--accent-bright)}.btn:disabled{opacity:.4;cursor:default}.perbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.seg{display:inline-flex;background:var(--surface);border:1px solid var(--hairline);border-radius:9px;padding:3px;gap:2px}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:var(--font);font-size:12.5px;font-weight:600;color:var(--muted);padding:6px 13px;border-radius:7px;background:none}.seg button:hover{color:var(--ink-2)}.seg button.on{background:var(--accent);color:#fff}.nav-per{display:inline-flex;align-items:center;gap:4px}.nav-per button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:var(--surface);border:1px solid var(--hairline);color:var(--ink-2);width:30px;height:30px;border-radius:8px;font-size:15px;line-height:1}.nav-per button:hover:not(:disabled){border-color:var(--muted);color:var(--ink)}.nav-per button:disabled{opacity:.3;cursor:default}.nav-per .lbl{font-family:var(--display);font-weight:400;font-size:17px;letter-spacing:.02em;padding:0 10px;color:var(--ink)}.nav-per .lbl:first-letter{text-transform:uppercase}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}@media(max-width:1100px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile{border-radius:var(--r);padding:15px 17px 14px;min-height:106px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--hairline)}.tile .k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink-2)}.tile .v{font-family:var(--display);font-size:33px;font-weight:400;letter-spacing:.01em;color:var(--ink);margin-top:auto;line-height:1.1}.tile .s{font-size:11.5px;color:var(--muted);margin-top:3px}.tiles>.tile:nth-child(8n+1){background:var(--t1)}.tiles>.tile:nth-child(8n+1) .k{color:var(--t1i)}.tiles>.tile:nth-child(8n+2){background:var(--t2)}.tiles>.tile:nth-child(8n+2) .k{color:var(--t2i)}.tiles>.tile:nth-child(8n+3){background:var(--t3)}.tiles>.tile:nth-child(8n+3) .k{color:var(--t3i)}.tiles>.tile:nth-child(8n+4){background:var(--t4)}.tiles>.tile:nth-child(8n+4) .k{color:var(--t4i)}.tiles>.tile:nth-child(8n+5){background:var(--t5)}.tiles>.tile:nth-child(8n+5) .k{color:var(--t5i)}.tiles>.tile:nth-child(8n+6){background:var(--t6)}.tiles>.tile:nth-child(8n+6) .k{color:var(--t6i)}.tiles>.tile:nth-child(8n+7){background:var(--t7)}.tiles>.tile:nth-child(8n+7) .k{color:var(--t7i)}.tiles>.tile:nth-child(8n+8){background:var(--t8)}.tiles>.tile:nth-child(8n+8) .k{color:var(--t8i)}.tile.c1{background:var(--t1)}.tile.c1 .k{color:var(--t1i)}.tile.c2{background:var(--t2)}.tile.c2 .k{color:var(--t2i)}.tile.c3{background:var(--t3)}.tile.c3 .k{color:var(--t3i)}.tile.c4{background:var(--t4)}.tile.c4 .k{color:var(--t4i)}.tile.c5{background:var(--t5)}.tile.c5 .k{color:var(--t5i)}.tile.c6{background:var(--t6)}.tile.c6 .k{color:var(--t6i)}.tile.c7{background:var(--t7)}.tile.c7 .k{color:var(--t7i)}.tile.c8{background:var(--t8)}.tile.c8 .k{color:var(--t8i)}.banner{border-radius:var(--r);color:var(--ink);background:linear-gradient(100deg,#b4242133,#b424210a 46%,#2ee6e00d),var(--surface-2);border:1px solid var(--hairline);display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:16px 18px;margin-bottom:14px}@media(max-width:1100px){.banner{grid-template-columns:repeat(3,1fr);row-gap:16px}}@media(max-width:620px){.banner{grid-template-columns:repeat(2,1fr)}}.banner .b{text-align:center}.banner .k{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.banner .v{font-family:var(--display);font-size:23px;font-weight:400;margin-top:5px;letter-spacing:.01em}.banner .v.ok{color:var(--good)}.banner .s{font-size:10.5px;color:#6f6d67;margin-top:2px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r);padding:16px 18px;margin-bottom:14px}.card>h3{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;display:flex;align-items:center;gap:10px}.card>h3 .note{margin-left:auto;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;color:#6f6d67}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:1000px){.grid2{grid-template-columns:1fr}}.tbl-scroll{overflow-x:auto;margin:0 -18px;padding:0 18px}.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tbl th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink-2);background:var(--surface-2);padding:8px 9px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}.tbl th:first-child{text-align:left;border-radius:7px 0 0}.tbl th:last-child{border-radius:0 7px 0 0}.tbl th.hi{background:#199e7038;color:#6ee7ae}.tbl td{padding:9px;font-size:13px;color:var(--ink-2);text-align:right;white-space:nowrap;border-bottom:1px solid var(--line-2)}.tbl td:first-child{text-align:left;color:var(--ink);font-weight:600}.tbl tbody tr:hover td{background:#ffffff06}.tbl tr.total td,.tbl tr.team td{border-top:2px solid var(--line);border-bottom:none;font-weight:700;color:var(--ink);background:#ffffff08}.tbl .dot,.swatch{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:8px}.tbl td.vacio,.tbl td .vacio,i.vacio{color:#55534e;font-style:normal}.tbl td.name{text-align:left;color:var(--ink);font-weight:600}.pill{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:700}.pill.good{background:var(--good-soft);color:var(--good)}.pill.warn,.pill.warning{background:var(--warn-soft);color:var(--warn)}.pill.bad,.pill.critical{background:var(--bad-soft);color:var(--bad)}.pill.mut,.pill.muted{background:#ffffff12;color:var(--muted)}.foot,.note{font-size:11.5px;color:var(--muted);margin-top:10px}.empty{color:var(--muted);font-size:13px;padding:22px 0;text-align:center}.spin{display:grid;place-items:center;height:100vh;color:var(--muted);font-size:12px;letter-spacing:.2em;text-transform:uppercase;animation:pulse 1.2s ease infinite}@keyframes pulse{50%{opacity:.4}}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--hairline);background:var(--surface);color:var(--ink-2);font-family:var(--font);font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:99px}.chip:hover{border-color:var(--muted);color:var(--ink)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.chip .rol{opacity:.65;font-weight:400;margin-left:5px}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.controls .lbl{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}@media(max-width:1000px){.grid.two{grid-template-columns:1fr}}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(600px 400px at 70% 20%,rgba(180,36,33,.16),transparent),radial-gradient(420px 320px at 28% 82%,rgba(46,230,224,.06),transparent),var(--page)}.login-box{width:100%;max-width:360px;text-align:center;position:relative;z-index:1}.login-box img{width:126px;height:126px;object-fit:cover;margin-bottom:4px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 52%,transparent 76%);mask-image:radial-gradient(circle at 50% 50%,#000 52%,transparent 76%)}.login-box b{display:block;font-family:var(--display);font-size:26px;font-weight:400;letter-spacing:.04em}.login-box b em{color:var(--accent-bright);font-style:normal}.login-box span.sub{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:4px 0 22px}.login-box form{display:grid;gap:9px}.login-box input{background:var(--surface);border:1px solid var(--hairline);border-radius:9px;color:var(--ink);font-family:var(--font);font-size:14px;padding:12px 14px;outline:none}.login-box input:focus{border-color:var(--accent-bright)}.login-box button.go{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;background:var(--accent);color:#fff;font-family:var(--display);font-size:16px;font-weight:400;letter-spacing:.1em;padding:12px;border-radius:9px;margin-top:3px}.login-box button.go:hover{background:var(--accent-bright)}.login-err{color:var(--bad);font-size:13px}.panel-cards{display:grid;gap:10px;margin-top:8px}.panel-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-align:left;background:var(--surface);border:1px solid var(--hairline);border-radius:12px;padding:15px 16px;display:flex;align-items:center;gap:12px;font-family:var(--font);color:var(--ink)}.panel-card:hover{border-color:var(--accent-bright)}.panel-card img{width:34px;height:34px;object-fit:cover;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 52%,transparent 76%);mask-image:radial-gradient(circle at 50% 50%,#000 52%,transparent 76%)}.panel-card b{display:block;font-family:var(--display);font-size:15px;font-weight:400;letter-spacing:.03em}.panel-card span{font-size:11px;color:var(--muted)}