.vo .browser{border:1px solid var(--line-2);box-shadow:var(--shadow-lg);font-family:var(--sans);color:#1d1c22;background:#fff;border-radius:16px;margin-top:44px;overflow:hidden}.vo .browser .chrome{border-bottom:1px solid var(--line);background:#f1eee8;align-items:center;gap:12px;padding:10px 14px;display:flex}.vo .browser .dots{gap:6px;display:flex}.vo .browser .dots i{background:#d9d3c6;border-radius:50%;width:11px;height:11px;display:block}.vo .browser .url{border:1px solid var(--line);color:#6b6873;background:#fff;border-radius:7px;flex:1;align-items:center;gap:8px;min-width:0;padding:6px 12px;font-size:12px;display:flex}.vo .browser .url svg{flex:none;width:12px;height:12px}.vo .browser .url span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vo .app{grid-template-columns:1fr;min-height:420px;font-size:13px;display:grid}@media (min-width:720px){.vo .app{grid-template-columns:200px 1fr}}.vo .app .side{color:#cfccd6;background:#1d1c22;padding:18px 14px;display:none}@media (min-width:720px){.vo .app .side{display:block}}.vo .app .side .logo{font-family:var(--serif);color:#fff;letter-spacing:-.01em;padding:4px 8px 18px;font-size:15px;font-weight:700}.vo .app .side .logo small{font-family:var(--sans);color:#8f8b9a;margin-top:2px;font-size:11px;font-weight:400;display:block}.vo .app .side ul{gap:2px;display:grid}.vo .app .side li{border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;display:flex}.vo .app .side li svg{stroke:currentColor;flex:none;width:14px;height:14px}.vo .app .side li.on{color:#fff;background:#ffffff1a}.vo .app .side .grp{letter-spacing:.1em;text-transform:uppercase;color:#6c6878;padding:16px 10px 6px;font-size:10px}.vo .app .main{background:#fbfaf7;min-width:0;padding:16px}@media (min-width:720px){.vo .app .main{padding:20px 22px}}.vo .app .bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.vo .app .bar h4{font-family:var(--sans);letter-spacing:-.01em;font-size:15px;font-weight:650}.vo .app .bar h4 small{color:#6b6873;margin-top:2px;font-size:11.5px;font-weight:400;display:block}.vo .app .bar .actions{align-items:center;gap:8px;display:flex}.vo .app .bar .avatar{background:var(--accent-soft);width:26px;height:26px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:700;display:grid}.vo .app .bar .new{color:#fff;white-space:nowrap;background:#1d1c22;border-radius:7px;padding:7px 11px;font-size:12px;font-weight:600}.vo .kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}@media (min-width:720px){.vo .kpis{gap:10px}}.vo .kpi{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:0;padding:10px 12px}.vo .kpi .l{color:#6b6873;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.vo .kpi .v{letter-spacing:-.02em;align-items:baseline;gap:6px;margin-top:4px;font-size:20px;font-weight:650;display:flex}@media (min-width:720px){.vo .kpi .v{font-size:24px}}.vo .kpi .v small{color:var(--ok);font-size:11px;font-weight:500}.vo .kpi .v small.neg{color:var(--bad)}.vo .kpi .spark{align-items:flex-end;gap:2px;height:16px;margin-top:6px;display:flex}.vo .kpi .spark i{background:#e6e1d6;border-radius:1px;flex:1;display:block}.vo .kpi .spark i.hi{background:var(--accent);opacity:.8}.vo .filters{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.vo .filters .f{border:1px solid var(--line);color:#3f3d45;white-space:nowrap;background:#fff;border-radius:7px;align-items:center;gap:6px;padding:6px 9px;font-size:11.5px;display:inline-flex}.vo .filters .f svg{width:10px;height:10px}.vo .filters .f.on{color:#1d1c22;border-color:#1d1c22;font-weight:600}.vo .filters .search{border:1px solid var(--line);color:#8f8b9a;background:#fff;border-radius:7px;align-items:center;gap:7px;min-width:0;margin-left:auto;padding:6px 10px;font-size:11.5px;display:flex}.vo .filters .search svg{flex:none;width:12px;height:12px}@media (max-width:480px){.vo .filters .search,.vo .filters .f.hide-m,.vo .kpi .v small{display:none}.vo .kpi .l{white-space:normal;min-height:24px;font-size:10px;line-height:1.2}}.vo .tbl{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.vo .tbl .scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.vo .tbl table{border-collapse:collapse;width:100%;font-size:12px}.vo .tbl th{text-align:left;color:#6b6873;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap;background:#f6f4ef;padding:9px 10px;font-size:10.5px;font-weight:600}.vo .tbl td{vertical-align:middle;white-space:nowrap;border-bottom:1px solid #efece5;padding:10px}.vo .tbl tr:last-child td{border-bottom:0}.vo .tbl td.ref{font-family:var(--mono);color:#6b6873;font-size:11px}.vo .tbl td.obj{white-space:normal;text-overflow:ellipsis;min-width:130px;max-width:260px;overflow:hidden}.vo .tbl .who{align-items:center;gap:6px;display:inline-flex}.vo .tbl .who i{color:#3f3d45;background:#e6e1d6;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:8.5px;font-style:normal;font-weight:700;display:grid}.vo .badge{border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.vo .badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.vo .badge.ok{background:var(--ok-soft);color:var(--ok)}.vo .badge.warn{background:var(--warn-soft);color:var(--warn)}.vo .badge.bad{background:var(--bad-soft);color:var(--bad)}.vo .badge.info{background:var(--info-soft);color:var(--info)}.vo .tbl .late{color:var(--bad);font-weight:600}@media (max-width:719px){.vo .tbl .c-tech,.vo .tbl .c-ref{display:none}}@media (max-width:480px){.vo .tbl .c-date,.vo .tbl .c-obj{display:none}.vo .tbl td.cli{white-space:normal;min-width:150px}.vo .tbl td.cli .sub{display:block}}.vo .tbl td.cli .sub{color:#6b6873;margin-top:2px;font-size:11px;font-weight:400;display:none}.vo .tbl td.cli{font-weight:600}.vo .tbl .foot{color:#8f8b9a;border-top:1px solid var(--line);background:#fbfaf7;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;display:flex}.vo .tbl .foot .pg{gap:4px;display:flex}.vo .tbl .foot .pg i{border:1px solid var(--line);border-radius:5px;place-items:center;width:20px;height:20px;font-style:normal;display:grid}.vo .tbl .foot .pg i.on{color:#fff;background:#1d1c22;border-color:#1d1c22}