.roll-app{--rbg:#edf1ef;--rink:#102326;--rpanel:#fff;--rline:#d9e1de;--rgreen:#20d8a5;--rdark:#092127;background:var(--rbg);min-height:100vh;color:var(--rink);grid-template-columns:230px 1fr;font-family:Arial,Helvetica,sans-serif;display:grid}.roll-side{background:var(--rdark);color:#eaf6f2;flex-direction:column;height:100vh;padding:25px 18px;display:flex;position:sticky;top:0}.roll-logo{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:0 8px 30px;display:flex}.roll-logo>span{border:1px solid var(--rgreen);width:35px;height:35px;color:var(--rgreen);place-items:center;font-weight:800;display:grid;transform:rotate(45deg)}.roll-logo div{gap:2px;display:grid}.roll-logo b{letter-spacing:.1em;font-size:12px}.roll-logo small{letter-spacing:.22em;color:var(--rgreen);font-size:8px}.roll-side nav{gap:6px;margin-top:30px;display:grid}.roll-side nav button{color:#8fa8a5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:13px 12px;display:flex}.roll-side nav button i{text-align:center;width:20px;font-style:normal}.roll-side nav button span{font-size:12px}.roll-side nav button em{color:#fff;background:#e96565;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:9px;font-style:normal}.roll-side nav button.active{color:#fff;background:#15383d}.roll-side nav button.active i{color:var(--rgreen)}.roll-side-foot{border-top:1px solid #ffffff1a;gap:6px;margin-top:auto;padding:20px 8px 0;display:grid}.roll-side-foot small{letter-spacing:.12em;color:#76918d;font-size:8px}.roll-side-foot strong{font-size:12px}.roll-side-foot span{color:var(--rgreen);font-size:9px}.roll-side-foot a{color:#93aaa6;margin-top:18px;font-size:10px}.roll-main{min-width:0;padding:0 32px 60px}.roll-top{border-bottom:1px solid var(--rline);justify-content:space-between;align-items:center;height:90px;display:flex}.roll-top p{letter-spacing:.12em;text-transform:uppercase;color:#6b807d;margin:0 0 5px;font-size:9px}.roll-top h1{margin:0;font-size:25px}.roll-top-actions{align-items:center;gap:10px;display:flex}.roll-demo{letter-spacing:.1em;color:#536964;background:#d7e3de;padding:8px 10px;font-size:8px}.roll-top-actions button{border:1px solid var(--rline);cursor:pointer;background:#fff;padding:10px 14px;font-size:10px}.roll-user{background:var(--rdark);width:34px;height:34px;color:var(--rgreen);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.roll-hero{background:var(--rdark);color:#fff;grid-template-columns:1.2fr .6fr .8fr;align-items:center;gap:4vw;min-height:250px;margin-top:30px;padding:30px;display:grid;position:relative;overflow:hidden}.roll-hero:after{content:"";border:1px solid #20d8a526;border-radius:50%;width:500px;height:500px;position:absolute;top:-320px;right:18%;box-shadow:0 0 0 70px #20d8a508,0 0 0 140px #20d8a505}.roll-hero>div{z-index:2;position:relative}.roll-hero small{letter-spacing:.12em;color:#7f9b97;font-size:8px}.roll-hero h2{margin:13px 0;font-size:37px;line-height:1.05}.roll-hero h2 em{color:var(--rgreen);font-style:normal}.roll-hero p{color:#88a19e;max-width:450px;font-size:11px;line-height:1.6}.roll-ring{place-items:center;display:grid}.roll-ring>div{text-align:center;background:conic-gradient(var(--rgreen) 0 77%,#183c40 77%);border-radius:50%;place-content:center;width:145px;height:145px;display:grid;position:relative}.roll-ring>div:before{content:"";background:var(--rdark);border-radius:50%;position:absolute;inset:10px}.roll-ring strong,.roll-ring span{z-index:1;position:relative}.roll-ring strong{font-size:31px}.roll-ring span{color:#8ca29f;font-size:9px}.roll-hero-meta{border-left:1px solid #ffffff1a;gap:25px;padding-left:30px;display:grid}.roll-hero-meta div{gap:6px;display:grid}.roll-hero-meta span{text-transform:uppercase;color:#76918d;font-size:8px}.roll-hero-meta b{font-size:25px}.roll-hero-meta small{color:#95aaa7}.roll-kpis{background:var(--rline);border:1px solid var(--rline);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:18px;display:grid}.roll-kpis article{background:#fff;gap:5px;padding:20px;display:grid}.roll-kpis span{font-size:27px;font-weight:700}.roll-kpis small{color:#5e7470;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.roll-kpis i{color:#159b76;margin-top:8px;font-size:9px;font-style:normal}.roll-kpis i.warn{color:#b7831d}.roll-kpis i.bad{color:#d64c4c}.roll-overview-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.roll-panel{border:1px solid var(--rline);background:#fff;padding:22px}.roll-panel-head{border-bottom:1px solid var(--rline);justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.roll-panel-head small{letter-spacing:.12em;color:#718582;font-size:8px}.roll-panel-head h3{margin:5px 0 0;font-size:16px}.roll-panel-head button{color:#2f6560;cursor:pointer;background:0 0;border:0;font-size:9px}.roll-pipeline{gap:14px;margin-top:20px;display:grid}.roll-pipeline>div{grid-template-columns:90px 1fr;align-items:center;gap:15px;display:grid}.roll-pipeline span{justify-content:space-between;font-size:9px;display:flex}.roll-pipeline span em{color:#738784;font-style:normal}.roll-pipeline i,.roll-progress>i,.roll-table button>span:nth-child(2) i{background:#e7ece9;height:5px;display:block;position:relative}.roll-pipeline u,.roll-progress u,.roll-table button>span:nth-child(2) u{background:var(--rgreen);text-decoration:none;position:absolute;inset:0 auto 0 0}.roll-alerts{display:grid}.roll-alerts>button{border:0;border-bottom:1px solid var(--rline);text-align:left;cursor:pointer;background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.roll-alerts>button:last-child{border:0}.roll-alerts div{gap:4px;display:grid}.roll-alerts div b{font-size:11px}.roll-alerts div small{color:#728480;font-size:9px}.roll-status{text-transform:uppercase;color:#087d5e;background:#dff6ee;width:max-content;padding:5px 7px;font-size:8px;font-weight:800;display:inline-flex}.roll-status.at-risk{color:#9a6803;background:#fff1d2}.roll-status.blocked{color:#ba3535;background:#ffe2e2}.roll-tools{justify-content:space-between;margin:25px 0 15px;display:flex}.roll-tools input{border:1px solid var(--rline);background:#fff;width:min(450px,60%);padding:12px 14px}.roll-tools select{border:1px solid var(--rline);background:#fff;padding:10px 35px 10px 12px}.roll-site-layout{grid-template-columns:1.4fr .6fr;gap:16px;display:grid}.roll-table,.roll-detail{border:1px solid var(--rline);background:#fff}.roll-table-head,.roll-table>button{grid-template-columns:1.5fr .7fr .6fr .45fr;align-items:center;gap:12px;display:grid}.roll-table-head{text-transform:uppercase;letter-spacing:.09em;color:#617470;background:#e3e9e6;padding:11px 16px;font-size:8px}.roll-table>button{border:0;border-bottom:1px solid var(--rline);text-align:left;cursor:pointer;background:#fff;width:100%;padding:16px}.roll-table>button:hover,.roll-table>button.selected{background:#eff7f3}.roll-table>button>span{font-size:10px}.roll-table>button>span:first-child{gap:5px;display:grid}.roll-table>button>span:first-child b{font-size:11px}.roll-table>button small{color:#6d817e;font-size:8px}.roll-table button>span:nth-child(2){gap:7px;display:grid}.roll-detail{height:max-content;padding:22px}.roll-detail-head{justify-content:space-between;gap:15px;display:flex}.roll-detail-head small{letter-spacing:.12em;color:#6d817e;font-size:8px}.roll-detail-head h2{margin:7px 0;font-size:23px}.roll-detail-head p{color:#6d817e;font-size:10px}.roll-progress{gap:9px;margin:25px 0;display:grid}.roll-progress span{color:#6a7d7a;font-size:9px}.roll-progress span b{color:var(--rink);font-size:18px}.roll-detail dl{margin:0}.roll-detail dl>div{border-bottom:1px solid var(--rline);justify-content:space-between;padding:13px 0;font-size:10px;display:flex}.roll-detail dt{color:#71827f}.roll-detail dd{text-align:right;margin:0;font-weight:700}.roll-blocker{background:#fff1d8;border-left:3px solid #e5ab33;gap:7px;margin-top:20px;padding:13px;display:grid}.roll-blocker small{letter-spacing:.1em;color:#916100;font-size:7px}.roll-blocker b{font-size:10px}.roll-blocker button{text-align:left;color:#916100;cursor:pointer;background:0 0;border:0;padding:0;font-size:8px}.roll-primary{background:var(--rdark);width:100%;color:var(--rgreen);cursor:pointer;border:0;margin-top:18px;padding:13px;font-size:9px}.roll-delivery,.roll-issues{border:1px solid var(--rline);background:#fff;margin-top:28px;padding:25px}.roll-legend{gap:16px;font-size:8px;display:flex}.roll-legend span:before,.roll-legend b:before{content:"";background:#bac6c2;width:18px;height:4px;margin-right:6px;display:inline-block}.roll-legend b:before{background:var(--rgreen)}.roll-gantt{min-width:720px;margin-top:20px;overflow:auto}.gantt-months{text-transform:uppercase;color:#647875;grid-template-columns:200px repeat(5,1fr);font-size:8px;display:grid}.gantt-months span:first-child{grid-column:2}.gantt-row{border-top:1px solid var(--rline);grid-template-columns:200px 1fr;align-items:center;min-height:58px;display:grid}.gantt-row label{gap:5px;display:grid}.gantt-row label b{font-size:10px}.gantt-row label small{color:#718480;font-size:8px}.gantt-track{background:repeating-linear-gradient(90deg,#0000,#0000 calc(20% - 1px),#e5ebe8 20%);height:30px;position:relative}.gantt-track i,.gantt-track u{background:#bdc8c5;height:5px;text-decoration:none;position:absolute;top:8px}.gantt-track u{background:var(--rgreen);top:17px}.gantt-track u.risk{background:#e2aa39}.gantt-track u.blocked{background:#e55e5e}.roll-issue-summary{border:1px solid var(--rline);grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid}.roll-issue-summary div{border-right:1px solid var(--rline);gap:5px;padding:20px;display:grid}.roll-issue-summary div:last-child{border:0}.roll-issue-summary span{font-size:26px;font-weight:700}.roll-issue-summary small{text-transform:uppercase;color:#6c7d7a;font-size:8px}.roll-issue-list{display:grid}.roll-issue-list article{border-bottom:1px solid var(--rline);grid-template-columns:.2fr 1fr .3fr .2fr .15fr;align-items:center;gap:18px;padding:18px 5px;display:grid}.roll-issue-list article>span{color:#6d7f7c;font-size:8px}.roll-issue-list article>div h3{margin:8px 0 3px;font-size:12px}.roll-issue-list article>div p{color:#6d817e;margin:0;font-size:9px}.roll-issue-list dl{font-size:9px}.roll-issue-list dt{color:#758682}.roll-issue-list dd{margin:4px 0;font-weight:700}.roll-issue-list button{cursor:pointer;background:0 0;border:0;font-size:9px}.roll-mobile-nav{display:none}@media (width<=900px){.roll-app{grid-template-columns:76px 1fr}.roll-side{padding:20px 10px}.roll-logo div,.roll-side nav button span,.roll-side nav button em,.roll-side-foot{display:none}.roll-logo{justify-content:center;padding:0 0 25px}.roll-side nav button{justify-content:center}.roll-hero{grid-template-columns:1fr .5fr}.roll-hero-meta{display:none}.roll-overview-grid,.roll-site-layout{grid-template-columns:1fr}.roll-detail{order:-1}.roll-table-head,.roll-table>button{grid-template-columns:1.4fr .7fr .6fr}.roll-table-head span:last-child,.roll-table>button>span:last-child{display:none}}@media (width<=620px){.roll-app{padding-bottom:65px;display:block}.roll-side{display:none}.roll-main{padding:0 16px 35px}.roll-top{height:72px}.roll-top p{display:none}.roll-top h1{font-size:20px}.roll-demo,.roll-top-actions button{display:none}.roll-hero{grid-template-columns:1fr;min-height:0;margin-top:16px;padding:23px}.roll-hero h2{font-size:30px}.roll-ring{display:none}.roll-kpis{grid-template-columns:1fr 1fr}.roll-overview-grid{grid-template-columns:1fr}.roll-panel{padding:17px}.roll-tools{gap:8px;display:grid}.roll-tools input{width:100%}.roll-site-layout{display:block}.roll-table{background:0 0;border:0}.roll-table-head{display:none}.roll-table>button{border:1px solid var(--rline);border-radius:5px;grid-template-columns:1fr auto;gap:12px;margin-bottom:8px}.roll-table>button>span:nth-child(2){display:none}.roll-detail{margin-bottom:15px}.roll-delivery,.roll-issues{margin-top:16px;padding:15px;overflow:auto}.roll-delivery>.roll-panel-head{min-width:720px}.roll-issue-summary{grid-template-columns:1fr 1fr}.roll-issue-summary div:nth-child(2){border-right:0}.roll-issue-summary div:nth-child(-n+2){border-bottom:1px solid var(--rline)}.roll-issue-list{min-width:620px}.roll-mobile-nav{z-index:20;background:var(--rdark);padding:7px 8px calc(7px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #0000002e}.roll-mobile-nav button{color:#78928e;background:0 0;border:0;place-items:center;gap:3px;font-size:8px;display:grid}.roll-mobile-nav button i{font-size:14px;font-style:normal}.roll-mobile-nav button.active{color:var(--rgreen)}}