:root{--navy:#081d38;--blue:#1268d3;--blue2:#0b58b7;--blue-soft:#edf5ff;--bg:#f4f7fb;--ink:#13263e;--muted:#697b92;--line:#dce6f0;--white:#fff;--green:#16835c;--amber:#b56b05;--red:#c83b3b;--shadow:0 12px 32px rgba(22,53,91,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:13px}.vp-shell,.ap-shell{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.vp-sidebar,.ap-sidebar{background:#fff;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.vp-logo,.ap-logo{height:60px;display:flex;align-items:center;padding:3px 8px}.vp-logo img,.ap-logo img{width:205px;max-height:52px;object-fit:contain;object-position:left}.vp-context,.ap-mode{margin:13px 5px 18px;padding:12px;background:var(--blue-soft);border-radius:9px}.vp-context small,.vp-context strong,.ap-mode small,.ap-mode strong{display:block}.vp-context small,.ap-mode small{font-size:9px;color:var(--blue);font-weight:850;letter-spacing:.08em}.vp-context strong,.ap-mode strong{margin-top:2px}.vp-sidebar nav,.ap-sidebar nav{display:flex;flex-direction:column;gap:3px}.vp-sidebar nav a,.ap-sidebar nav a{min-height:43px;border-radius:8px;padding:0 11px;display:flex;align-items:center;gap:11px;color:#2d4058;text-decoration:none;font-weight:650}.vp-sidebar nav a:hover,.vp-sidebar nav a.active,.ap-sidebar nav a:hover,.ap-sidebar nav a.active{background:var(--blue-soft);color:var(--blue)}.vp-sidebar nav i{width:20px;text-align:center;font-style:normal}.vp-sidebar nav em,.ap-sidebar nav em{margin-left:auto;background:#dcecff;color:var(--blue);border-radius:999px;padding:2px 7px;font-style:normal;font-size:10px}.vp-sidebar nav em.warn{background:#fff0d9;color:var(--amber)}.vp-help{margin-top:auto;background:#0b2b52;color:#fff;border-radius:10px;padding:16px}.vp-help b,.vp-help span,.vp-help a{display:block}.vp-help span{font-size:10px;color:#bdcee0;margin:5px 0 9px}.vp-help a{color:#fff;font-size:10px;font-weight:800}.vp-main,.ap-main{min-width:0}.vp-topbar,.ap-top{height:72px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.vp-search{width:min(600px,60vw);height:42px;border:1px solid #cddae8;border-radius:9px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 11px}.vp-search span{font-size:20px;color:#4b6582}.vp-search input{border:0;outline:0;flex:1;font:inherit}.vp-search kbd{border:1px solid #cdd8e5;background:#f8fafc;padding:2px 7px;border-radius:5px;color:#66798e;font-size:10px}.vp-actions{display:flex;align-items:center;gap:9px}.vp-actions>button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:9px;position:relative}.vp-actions button em{position:absolute;right:-5px;top:-5px;background:var(--blue);color:#fff;border-radius:99px;padding:2px 5px;font-size:9px;font-style:normal}.vp-user{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:13px}.vp-user>b{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#dcecff;color:var(--blue)}.vp-user strong,.vp-user small{display:block}.vp-user small{color:var(--muted);font-size:10px}.vp-content,.ap-content{padding:25px 28px 36px;max-width:1600px;margin:auto}.vp-pagehead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.vp-pagehead small{font-size:10px;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.vp-pagehead h1{font-size:26px;margin:3px 0 2px}.vp-pagehead p{margin:0;color:var(--muted)}.vp-primary{display:inline-flex;align-items:center;background:var(--blue);color:#fff;padding:11px 16px;border-radius:7px;text-decoration:none;font-weight:750}.vp-alert{display:flex;align-items:center;justify-content:space-between;background:#fff7e8;border:1px solid #f0d4a6;border-radius:8px;padding:13px 15px;margin-bottom:15px}.vp-alert>div{display:flex;align-items:center;gap:10px}.vp-alert i{width:30px;height:30px;border-radius:50%;background:#ffe6b9;color:#9a5b00;display:grid;place-items:center;font-style:normal;font-weight:900}.vp-alert strong,.vp-alert span{display:block}.vp-alert span{font-size:10px;color:#7a684b}.vp-alert a{color:#8b5b00;text-decoration:none;font-weight:800;font-size:11px}.vp-kpis,.ap-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.vp-kpis article,.ap-kpis article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:19px;box-shadow:0 5px 16px rgba(20,55,95,.03)}.vp-kpis span,.vp-kpis strong,.vp-kpis small,.ap-kpis span,.ap-kpis strong,.ap-kpis small{display:block}.vp-kpis span,.ap-kpis span{font-size:10px;color:#52667e}.vp-kpis strong,.ap-kpis strong{font-size:29px;margin:8px 0 6px}.vp-kpis small,.ap-kpis small{font-size:10px;color:#75869a}.vp-kpis small.good,.ap-kpis small.good{color:var(--green)}.ap-kpis small.bad{color:var(--red)}.vp-grid,.ap-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:15px;margin-bottom:15px}.vp-card{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);overflow:hidden}.vp-card>header{min-height:57px;padding:11px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.vp-card header b,.vp-card header span{display:block}.vp-card header span{font-size:10px;color:var(--muted);margin-top:2px}.vp-card header a{font-size:10px;color:var(--blue);font-weight:800;text-decoration:none}.vp-task{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.vp-task>i{width:36px;height:36px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:9px;font-style:normal;font-weight:850}.vp-task div{flex:1}.vp-task strong,.vp-task span{display:block}.vp-task span{font-size:10px;color:var(--muted);margin-top:3px}.vp-task button{border:1px solid #bed1e5;background:#fff;border-radius:6px;padding:7px 10px;color:var(--blue);font-weight:750}.vp-quick{display:grid;grid-template-columns:1fr 1fr}.vp-quick a{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.vp-quick i{width:34px;height:34px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-style:normal;margin-bottom:10px}.vp-quick b,.vp-quick span{display:block}.vp-quick span{font-size:10px;color:var(--muted);margin-top:3px}.vp-table-card{margin-top:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{background:#f7f9fc;text-align:left;font-size:9px;text-transform:uppercase;color:#53677f;letter-spacing:.05em;padding:11px 14px;border-bottom:1px solid var(--line)}td{padding:13px 14px;border-bottom:1px solid #edf1f5;font-size:11px}.pill{display:inline-block;padding:5px 9px;border-radius:99px;font-size:9px;font-weight:800}.pill.green{background:#e6f5ee;color:var(--green)}.pill.amber{background:#fff0d9;color:var(--amber)}.pill.blue{background:#e7f1ff;color:var(--blue)}.pill.red{background:#ffe8e8;color:var(--red)}.ap-kpis{grid-template-columns:repeat(5,1fr)}.ap-head-actions{display:flex;gap:8px}.ap-head-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 14px}.pipeline{padding:15px 18px}.pipeline>div{display:grid;grid-template-columns:160px 40px 1fr;align-items:center;gap:10px;padding:9px 0}.pipeline span{font-size:11px}.pipeline b{text-align:right}.pipeline i{height:7px;background:#edf2f7;border-radius:99px;overflow:hidden;position:relative}.pipeline i:after{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--w);background:linear-gradient(90deg,#1268d3,#49a2ff);border-radius:inherit}.health{padding:22px;display:grid;grid-template-columns:130px 1fr;align-items:center;gap:20px}.health>div{width:120px;height:120px;border:13px solid #dcecff;border-top-color:var(--blue);border-right-color:var(--blue);border-radius:50%;display:grid;place-items:center;text-align:center}.health>div strong{font-size:25px}.health>div span{font-size:9px;color:var(--muted)}.health ul{list-style:none;padding:0;margin:0}.health li{padding:8px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px}.health li b{margin-left:auto}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}.dot.red{background:var(--red)}
@media(max-width:1000px){.vp-shell,.ap-shell{grid-template-columns:82px 1fr}.vp-sidebar,.ap-sidebar{padding:15px 9px}.vp-logo img,.ap-logo img{width:60px;object-fit:cover;object-position:left}.vp-context,.ap-mode,.vp-sidebar nav span,.vp-sidebar nav em,.ap-sidebar nav a:not(.active),.vp-help{display:none}.vp-sidebar nav a,.ap-sidebar nav a{justify-content:center}.vp-kpis,.ap-kpis{grid-template-columns:repeat(2,1fr)}.vp-grid,.ap-grid{grid-template-columns:1fr}}
@media(max-width:680px){.vp-shell,.ap-shell{display:block}.vp-sidebar,.ap-sidebar{position:static;height:auto;display:none}.vp-topbar,.ap-top{padding:0 12px}.vp-search{width:65vw}.vp-search kbd,.vp-user div{display:none}.vp-content,.ap-content{padding:18px 12px}.vp-pagehead{display:block}.vp-primary{margin-top:12px}.vp-kpis,.ap-kpis{grid-template-columns:1fr 1fr}.vp-alert{display:block}.vp-alert a{display:block;margin-top:8px}.pipeline>div{grid-template-columns:110px 30px 1fr}.health{grid-template-columns:1fr}.vp-quick{grid-template-columns:1fr}}