.vtDemo{display:grid;grid-template-columns:250px 1fr;background:#f4f2ed;color:#171717}.vtDemo,.vtSide{min-height:100vh}.vtSide{background:#151a17;color:white;padding:26px 20px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.vtBrand{display:flex;align-items:center;gap:12px;letter-spacing:.12em}.vtBrand span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#d7ff68;color:#111;font-weight:900}.vtPreviewBadge{margin:28px 0 8px;padding:10px 12px;border:1px solid #3c433e;border-radius:12px;color:#d7ff68;font-size:10px;letter-spacing:.12em;font-weight:800}.vtSide nav{display:grid;grid-gap:8px;gap:8px;padding-top:18px}.vtSide nav button{border:0;background:transparent;color:#abb1ad;text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer;font-weight:700}.vtSide nav button.active{background:#d7ff68;color:#111}.vtSideBottom{margin-top:auto;border-top:1px solid #313632;padding-top:18px;display:grid;grid-gap:4px;gap:4px}.vtSideBottom span{font-size:12px}.vtSideBottom small{color:#8e948f}.vtMain{padding:36px 44px 70px;min-width:0}.vtTop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.vtTop h1{font-size:40px;letter-spacing:-.03em;margin:4px 0}.vtEyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#7d8274;margin:0}.vtAdd{border:0;border-radius:12px;background:#151a17;color:#fff;padding:13px 18px;font-weight:800;cursor:pointer}.vtProjects{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:28px}.vtProject{border:1px solid #e1ded6;background:#fff;border-radius:18px;padding:18px;text-align:left;cursor:pointer;color:inherit;transition:.2s}.vtProject.active,.vtProject:hover{transform:translateY(-2px);border-color:#151a17;box-shadow:0 12px 30px rgba(0,0,0,.06)}.vtProject>div:first-child{display:flex;align-items:center;gap:8px}.vtDot{width:8px;height:8px;border-radius:50%;background:#69a04c}.vtProject small{color:#767676}.vtProject h2{font-size:20px;margin:12px 0 4px}.vtProject p{font-size:12px;color:#777;margin:0 0 18px}.vtMini,.vtOverall,.vtProjectProgress{height:12px;background:#eceae5;border-radius:999px;position:relative;overflow:hidden}.vtMini i,.vtOverall i,.vtProjectProgress i{position:absolute;inset:0 auto 0 0;background:#d8d6d0;border-radius:999px}.vtMini b,.vtOverall b,.vtProjectProgress b{position:absolute;inset:3px auto 3px 0;background:#171b18;border-radius:999px}.vtProject footer{margin-top:9px;font-size:11px;color:#686868}.vtProject footer,.vtProjectHead{display:flex;justify-content:space-between}.vtProjectHead{align-items:flex-end;margin:16px 0 18px}.vtProjectHead h2{font-size:30px;margin:3px 0}.vtProjectHead span{font-size:12px;color:#777}.vtSwitch{font-size:12px;background:#fff;border:1px solid #e4e1da;padding:10px 12px;border-radius:10px}.vtCards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:18px}.vtCards article,.vtCategoryGrid article,.vtInvite,.vtPanel{background:#fff;border:1px solid #e4e1da;border-radius:18px}.vtCards article{padding:20px}.vtCards small{font-size:10px;letter-spacing:.12em;color:#777;font-weight:800}.vtCards strong{display:block;font-size:34px;margin-top:9px}.negative{color:#bf3b31}.positive{color:#26834a}.vtPanel{padding:24px;margin-bottom:18px}.vtPanelTitle{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.vtPanelTitle h3{margin:4px 0 0;font-size:24px}.vtPanelTitle>span{font-size:12px;color:#666}.vtOverall{height:14px}.vtLegend{display:flex;justify-content:space-between;color:#686868;font-size:12px;margin-top:10px}.vtCategoryGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.vtCategoryGrid article{padding:20px}.vtCategoryGrid header{display:flex;justify-content:space-between}.vtCategoryGrid h3{margin:0 0 14px}.vtCategoryGrid p,.vtCategoryGrid span{font-size:12px;color:#666}.vtMini{height:10px}.vtMini b{inset:2px auto 2px 0}.vtWork,.vtWorkList{display:grid}.vtWork{grid-template-columns:1fr 340px;grid-gap:24px;gap:24px;padding:18px 0;border-top:1px solid #ece9e2}.vtWork:first-child{border-top:0}.vtWork small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#777;font-weight:800}.vtWork h4{margin:6px 0;font-size:16px}.vtWork p{margin:0;font-size:12px;color:#777}.vtWorkProgress{display:grid;grid-template-columns:1fr 48px;grid-gap:12px;gap:12px;align-items:center}.vtWorkProgress>div{height:8px;border-radius:999px;background:#eceae5;overflow:hidden}.vtWorkProgress i{display:block;height:100%;background:#151a17;border-radius:999px}.vtWorkProgress strong{text-align:right}.vtPeople{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.vtPeople article{border:1px solid #ece9e2;border-radius:14px;padding:16px;display:grid;grid-template-columns:46px 1fr auto;grid-gap:12px;gap:12px;align-items:center}.vtPeople article>div{width:46px;height:46px;border-radius:50%;background:#e9f7bd;display:grid;place-items:center;font-weight:900}.vtPeople h4{margin:0 0 4px}.vtPeople p{margin:0;font-size:12px;color:#777}.vtPeople article>span{font-size:11px;color:#26834a}.vtInvite{padding:24px;display:grid;grid-template-columns:1fr 1.3fr;grid-gap:24px;gap:24px;align-items:end}.vtInvite h3{font-size:24px;margin:4px 0 8px}.vtInvite p{font-size:12px;color:#777;margin:0}.vtInviteForm{display:grid;grid-template-columns:1fr 140px auto;grid-gap:10px;gap:10px}.vtInviteForm input,.vtInviteForm select{border:1px solid #d9d9d9;border-radius:10px;padding:12px;background:white}.vtInviteForm button{border:0;border-radius:10px;background:#151a17;color:white;font-weight:800;padding:12px 14px}@media(max-width:980px){.vtDemo{grid-template-columns:1fr}.vtSide{position:relative;height:auto;min-height:auto}.vtProjects{grid-template-columns:1fr}.vtCards{grid-template-columns:repeat(2,1fr)}.vtCategoryGrid,.vtInvite,.vtInviteForm,.vtPeople,.vtWork{grid-template-columns:1fr}.vtMain{padding:24px 18px}.vtProjectHead,.vtTop{flex-direction:column;gap:12px;align-items:flex-start}}