:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--ink:#16191d;--muted:#6b7280;--line:#e6e8eb;--red:#c0392b;--redbg:#fdecea;--amber:#a35b00;--amberbg:#fff4e5;--green:#1e7a4b;--greenbg:#e8f6ee;--blue:#1f5fbf;--bluebg:#eaf1fd;--violet:#6b3fa0;--violetbg:#f2ecfa;--teal:#0f6f76;--tealbg:#e4f4f5}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif}a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:20px 16px 40px}h1{letter-spacing:-.2px;margin:0 0 2px;font-size:19px}.sub{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.sub a{color:var(--blue)}.diag{border:1px solid var(--line);border-radius:10px;margin-bottom:16px;font-size:12px;overflow:hidden}.diag .hd{border-bottom:1px solid var(--line);background:#fafbfc;padding:8px 12px;font-weight:600}.diag .line{border-bottom:1px solid #f2f4f6;align-items:flex-start;gap:9px;padding:7px 12px;display:flex}.diag .line:last-child{border-bottom:none}.dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.dot.ok{background:#1e7a4b}.dot.bad{background:#c0392b}.dot.off{background:#c9a227}.why{color:var(--red);word-break:break-word;margin-top:2px}.kpis{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px;display:grid}.kpi{border:1px solid var(--line);border-radius:10px;padding:11px 13px}.kpi .n{letter-spacing:-.5px;font-size:26px;font-weight:650;line-height:1.1}.kpi .l{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:11px}.kpi.alert .n{color:var(--red)}.kpi.warn .n{color:var(--amber)}.cols{grid-template-columns:.9fr 1.1fr;align-items:start;gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden}.card h2{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin:0;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.card h2 .src{color:var(--muted);text-align:right;font-size:11px;font-weight:400}.chips{flex-wrap:wrap;gap:6px;padding:10px 14px 4px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;background:#fafbfc;border-radius:99px;padding:3px 9px;font-size:11px}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.row{border-bottom:1px solid #f2f4f6;align-items:flex-start;gap:10px;padding:9px 14px;display:flex}.row:last-child{border-bottom:none}.row .main{flex:1;min-width:0}.row .t{margin-bottom:2px;font-weight:530}.row .t a{text-decoration:none}.row .t a:hover{text-decoration:underline}.row .m{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;font-size:11.5px;display:flex}.row .note{color:var(--muted);margin-top:3px;font-size:11.5px}.tag{white-space:nowrap;border-radius:5px;padding:1.5px 7px;font-size:10.5px;font-weight:550}.tag.red{background:var(--redbg);color:var(--red)}.tag.amber{background:var(--amberbg);color:var(--amber)}.tag.blue{background:var(--bluebg);color:var(--blue)}.tag.violet{background:var(--violetbg);color:var(--violet)}.tag.teal{background:var(--tealbg);color:var(--teal)}.tag.green{background:var(--greenbg);color:var(--green)}.tag.gray{color:var(--muted);background:#f1f2f4}.due{text-align:right;min-width:74px;color:var(--muted);padding-top:1px;font-size:11.5px}.due.late{color:var(--red);font-weight:600}.empty{color:var(--muted);text-align:center;padding:22px 14px;font-size:12.5px}.scroll{max-height:560px;overflow-y:auto}.foot{color:var(--muted);border-top:1px solid var(--line);background:#fafbfc;padding:8px 14px;font-size:11px}.loginwrap{max-width:340px;margin:14vh auto;padding:0 20px}.loginwrap h1{margin-bottom:14px}.loginwrap input{border:1px solid var(--line);border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.loginwrap button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:10px;padding:10px;font-size:14px}.loginwrap .err{color:var(--red);margin-top:10px;font-size:12.5px}@media (max-width:900px){.cols{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}
