.project-resources-frame,.project-resources-reference{position:relative;box-sizing:border-box;width:100%;overflow:hidden;background:radial-gradient(ellipse at 45% 15%,#063c4f66,transparent 65%),#001a28;color:#e2edf1;font:400 12px/1.35 'Segoe UI',sans-serif}
:is(.project-resources-frame,.project-resources-reference,.project-resources-dialog) *{box-sizing:border-box}
:is(.project-resources-frame,.project-resources-reference,.project-resources-dialog) [hidden]{display:none!important}
:is(.project-resources-frame,.project-resources-reference,.project-resources-dialog) button{font-family:'Segoe UI',sans-serif;line-height:1.25;letter-spacing:0;text-transform:none;min-height:0;max-width:none;margin:0;box-shadow:none;cursor:pointer;color:inherit}
:is(.project-resources-frame,.project-resources-reference,.project-resources-dialog) button:focus-visible{outline:2px solid #ffe2a2;outline-offset:2px}
:is(.project-resources-frame,.project-resources-reference,.project-resources-dialog) h2,:is(.project-resources-frame,.project-resources-reference,.project-resources-dialog) h3,:is(.project-resources-frame,.project-resources-reference,.project-resources-dialog) h4,:is(.project-resources-frame,.project-resources-reference,.project-resources-dialog) p{margin:0;padding:0;letter-spacing:0}
:is(.project-resources-frame,.project-resources-reference) .pr-board{width:1280px;height:550px;position:relative;margin:0 auto;padding:8px 16px 6px;overflow:hidden;transform-origin:top center}
:is(.project-resources-frame,.project-resources-reference) .pr-title{display:flex;align-items:center;justify-content:space-between;height:42px;padding:0;margin:0 0 6px;background:none;border:0;gap:18px}
:is(.project-resources-frame,.project-resources-reference) .pr-title h2{font:600 28px/34px 'Segoe UI',sans-serif;color:#e5d2a6;white-space:nowrap}
:is(.project-resources-frame,.project-resources-reference) .pr-title>span{display:flex;align-items:flex-end;flex-direction:column;font-size:8px;color:#8cabbc;gap:3px}
.project-resources-frame .pr-title>span>button{display:flex;align-items:center;gap:6px;background:#062b3e;border:1px solid #5b8297;border-radius:4px;font-size:9px;padding:4px 8px;color:#dce9ef}
.project-resources-frame .pr-title>span>button svg{width:12px;height:12px}
.project-resources-frame .pr-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;height:68px;margin-bottom:10px}
.project-resources-frame .pr-metrics>button{display:flex;align-items:center;gap:22px;text-align:left;padding:9px 18px;border:1px solid #346a7e;border-radius:7px;background:linear-gradient(120deg,#09394d,#062a3c);box-shadow:inset 0 0 7px #3d91ae12}
.project-resources-frame .pr-icon{width:31px;height:31px;color:#42c6c6;flex-shrink:0}
.project-resources-frame .pr-risk .pr-icon{color:#f16470}
.project-resources-frame .pr-metrics small{display:block;font-size:11px;margin-bottom:4px}
.project-resources-frame .pr-metrics strong{font-size:27px;font-weight:650;line-height:29px}
.project-resources-frame .pr-metrics em{font-size:10px;font-style:normal;margin-left:8px;white-space:nowrap}
.project-resources-frame .pr-utilization{margin-left:auto;min-width:85px;font-size:11px;align-self:flex-end;padding-bottom:5px;text-align:right}
.project-resources-frame .pr-utilization i{display:block;background:#173e4f;height:9px;border-radius:4px;overflow:hidden;margin-top:5px}
.project-resources-frame .pr-utilization u{display:block;height:100%;background:#36c0c4;border-radius:4px}
.project-resources-frame .pr-dashboard-main{display:grid;grid-template-columns:1.36fr 1fr;gap:10px;height:267px;margin-bottom:9px}
.project-resources-frame .pr-panel{border:1px solid #2a596e;border-radius:6px;background:linear-gradient(120deg,#052638dd,#021e2ddd);padding:8px 9px;overflow:hidden}
.project-resources-frame .pr-panel h3{display:flex;align-items:center;gap:4px;font:600 14px/20px 'Segoe UI',sans-serif;white-space:nowrap;color:#e0eaf0;margin:0 0 5px}
.project-resources-frame .pr-panel h3>button{margin-left:auto;background:none;border:0;padding:0 4px;color:#9dd9e4;font-size:18px}
.project-resources-frame .pr-panel h3 small{font:400 10px 'Segoe UI',sans-serif}
.project-resources-frame table{width:100%;border-collapse:collapse;table-layout:auto;background:none;font-size:9px;line-height:14px;margin:0;color:#e2ebf0}
.project-resources-frame th{font-weight:400;text-align:left;background:none;font-style:normal;color:#e0eaf0}
.project-resources-frame td,.project-resources-frame th{padding:3px 5px;border:1px solid #173b4c;white-space:nowrap;height:auto;vertical-align:middle}
.project-resources-frame td button{display:block;width:100%;border:0;background:none;padding:0;text-align:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;white-space:nowrap}
.project-resources-frame .pr-resource-grid{table-layout:fixed}
.project-resources-frame .pr-resource-grid th:nth-child(1){width:101px}
.project-resources-frame .pr-resource-grid th:nth-child(2){width:75px}
.project-resources-frame .pr-resource-grid th:nth-child(3){width:105px}
.project-resources-frame .pr-resource-grid th:nth-child(n+4){text-align:center}
.project-resources-frame .pr-resource-grid th small{display:block;font:400 8px/10px 'Segoe UI',sans-serif}
.project-resources-frame .pr-resource-grid td:nth-child(n+4){text-align:center;padding:0;height:23px}
.project-resources-frame .pr-resource-grid td:nth-child(n+4) button{height:23px}
.project-resources-frame .pr-hour-normal{background:linear-gradient(120deg,#38b5bd,#23979f)}
.project-resources-frame .pr-hour-near{background:#dfb65b}
.project-resources-frame .pr-hour-red{background:linear-gradient(120deg,#db7276,#d2555f)}
.project-resources-frame .pr-hour-off{background:#234858}
.project-resources-frame .pr-grid-legend{display:flex;align-items:center;gap:20px;font-size:8px;margin-top:7px;background:none;padding:0;border:0}
.project-resources-frame .pr-grid-legend span,.project-resources-frame .pr-load-legend span{display:flex;align-items:center;gap:5px}
.project-resources-frame .pr-grid-legend i,.project-resources-frame .pr-load-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}
.project-resources-frame .pr-grid-legend button{border:0;background:none;color:#f2d493;font-size:9px;padding:0}
.project-resources-frame .pr-normal{background:#35bfc1}
.project-resources-frame .pr-near{background:#e9bd69}
.project-resources-frame .pr-red{background:#ed626d}
.project-resources-frame .pr-off{background:#214353}
.project-resources-frame .pr-leave{background:#6c94a7}
.project-resources-frame .pr-load-panel h3{font-size:13px;gap:3px;margin-bottom:14px}
.project-resources-frame .pr-load-panel h3 small{font-size:9px}
.project-resources-frame .pr-load-panel h3 em{margin-left:auto;font-size:8px;font-weight:400;font-style:normal}
.project-resources-frame .pr-load-legend{display:flex;justify-content:space-between;font-size:9px;margin-bottom:9px}
.project-resources-frame .pr-load-row{display:grid;grid-template-columns:100px 1fr 67px;gap:5px;width:100%;height:23px;align-items:center;padding:0;border:0;background:none;font-size:9px;text-align:left}
.project-resources-frame .pr-load-row>span:last-child{text-align:center}
.project-resources-frame .pr-stacked{display:flex;height:16px;border:1px solid #214352;border-radius:3px;overflow:visible;background:#001c2b}
.project-resources-frame .pr-stacked i{display:flex;align-items:center;justify-content:center;height:100%;font:400 9px/14px 'Segoe UI',sans-serif;color:#002b35;border-radius:2px}
.project-resources-frame .pr-stacked i.pr-off{color:#d6e7f0;background:transparent}
.project-resources-frame .pr-dashboard-bottom{display:grid;grid-template-columns:1.72fr 1.08fr 1fr;gap:9px;height:145px}
.project-resources-frame .pr-dashboard-bottom .pr-panel{padding:6px 8px}
.project-resources-frame .pr-dashboard-bottom h3{font-size:12px;margin-bottom:4px;line-height:18px}
.project-resources-frame .pr-dashboard-bottom table{font-size:8px;line-height:12px}
.project-resources-frame .pr-dashboard-bottom td,.project-resources-frame .pr-dashboard-bottom th{padding:3px 4px}
.project-resources-frame .pr-transfer-panel th{font-size:8px}
.project-resources-frame .pr-transfer-panel .pr-pending{background:linear-gradient(#8c712e,#584516);border:1px solid #8e742c;border-radius:3px;padding:1px 8px;color:#eadba8;text-align:center}
.project-resources-frame .pr-transfer-panel .pr-approved{background:#0c745d;color:#d6fff1;border-color:#37a783}
.project-resources-frame .pr-skills-panel td,.project-resources-frame .pr-skills-panel th{border:0;padding:1px 3px;line-height:12px}
.project-resources-frame .pr-skills-panel td:not(:first-child){text-align:center}
.project-resources-frame .pr-skills-panel td:last-child button{display:flex;align-items:center;gap:5px;color:#46d7c7}
.project-resources-frame .pr-skill-bar{display:inline-block;width:60px;height:9px;background:#1c4555;border-radius:2px;overflow:hidden}
.project-resources-frame .pr-skill-bar b{display:block;height:100%;background:linear-gradient(90deg,#34c0b8,#34c0d2)}
.project-resources-frame .pr-skills-panel .pr-negative button{color:#f65865!important}
.project-resources-frame .pr-negative .pr-skill-bar{overflow:visible}
.project-resources-frame .pr-negative .pr-skill-bar b{width:100%!important;background:#f44458;box-shadow:0 0 5px #f44458}
.project-resources-frame .pr-plan-panel td:not(:first-child){background:rgb(27 144 160 / var(--pr-heat));text-align:center}
.project-resources-frame .pr-plan-panel td,.project-resources-frame .pr-plan-panel th{padding:3px 4px}
.project-resources-frame .pr-empty{text-align:center!important;padding:30px!important;color:#afc7d1}
.project-resources-reference .pr-title{justify-content:flex-start;height:52px;margin-bottom:7px}
.project-resources-reference .pr-title>span{font-size:11px;padding-top:10px}
.project-resources-reference .pr-story-steps{display:grid;grid-template-columns:.97fr 1.04fr 1.12fr 1.11fr;gap:12px;height:374px}
.project-resources-reference .pr-step{position:relative;min-width:0;border:1px solid #326d87;border-radius:13px;padding:10px;background:radial-gradient(ellipse at 30% 0,#16496599,transparent 70%),linear-gradient(120deg,#002234,#001825);box-shadow:inset 0 0 7px #56bad732,0 0 5px #00121e}
.project-resources-reference .pr-step:not(:last-child):after{content:'';position:absolute;right:-11px;top:175px;width:15px;height:15px;rotate:45deg;background:linear-gradient(135deg,#f6dfac,#8c6f37);z-index:5;box-shadow:0 0 7px #f2d49355}
.project-resources-reference .pr-step-header{display:flex;gap:13px;align-items:flex-start;height:65px;background:none;border:0;padding:0;margin:0}
.project-resources-reference .pr-step-header>b{display:grid;place-items:center;width:31px;height:31px;border:1px solid #bdac7d;border-radius:50%;background:linear-gradient(120deg,#596350aa,#152e32);box-shadow:0 0 9px #d2c59925;flex-shrink:0;font:500 21px 'Segoe UI',sans-serif;color:#e6dcb0}
.project-resources-reference .pr-step-header h3{font:600 14px/21px 'Segoe UI',sans-serif;color:#f0eee1;white-space:nowrap;margin:0 0 4px}
.project-resources-reference .pr-step-header p{font:400 10px/15px 'Segoe UI',sans-serif;color:#d4e3e9}
.project-resources-reference .pr-person-cards{display:grid;gap:7px;margin-top:1px}
.project-resources-reference .pr-person-card{display:flex;position:relative;align-items:center;width:100%;gap:7px;text-align:left;border:1px solid #3884a1;border-radius:10px;padding:5px;background:linear-gradient(110deg,#0f4561bb,#052d43);height:65px;box-shadow:inset 0 0 8px #68bfdf19;transform:perspective(900px) rotateY(-3deg)}
.project-resources-reference .pr-avatar{display:block;width:48px;height:53px;flex-shrink:0;border:1px solid #377b99;border-radius:8px;background:#0d344b;overflow:hidden}
.project-resources-reference .pr-person-info{align-self:flex-start;width:66px;padding-top:7px;flex-shrink:0}
.project-resources-reference .pr-person-info strong{font-size:11px;white-space:nowrap;font-weight:500}
.project-resources-reference .pr-person-info small{display:block;font-size:10px;margin-top:6px}
.project-resources-reference .pr-skill-tags{display:block;position:relative;flex:1;min-width:0;height:51px;padding-top:4px}
.project-resources-reference .pr-skill-tags>i{font:400 8px/19px 'Segoe UI',sans-serif;padding:4px;background:linear-gradient(#174c64,#10374b);border-radius:3px;margin-right:3px;white-space:nowrap}
.project-resources-reference .pr-skill-tags>small{display:block;font-size:8px;margin-top:5px}
.project-resources-reference .pr-availability{display:block;height:3px;background:#204b54;width:65px;margin-top:3px}
.project-resources-reference .pr-availability>i{display:block;height:3px;background:#5fe2b5}
.project-resources-reference .pr-skill-tags em{position:absolute;right:0;bottom:1px;font-size:9px;font-style:normal}
.project-resources-reference .pr-week{display:flex;justify-content:space-between;align-items:center;border:1px solid #31657a;background:#063146;border-radius:7px 7px 0 0;height:33px;margin-top:1px}
.project-resources-reference .pr-week button{border:0;background:none;padding:2px 10px;font-size:20px}
.project-resources-reference .pr-week strong{font-size:11px;font-weight:500}
.project-resources-reference .pr-calendar-head{display:grid;grid-template-columns:55px repeat(5,1fr);height:41px;align-items:center;background:#052438;border:1px solid #26536a;border-top:0;font-size:8px;line-height:13px;text-align:center}
.project-resources-reference .pr-schedule{border:1px solid #26536a;border-top:0;padding:0 4px}
.project-resources-reference .pr-schedule-row{display:grid;grid-template-columns:55px repeat(5,1fr);gap:2px;height:40px;align-items:stretch;padding:2px 0}
.project-resources-reference .pr-schedule-name{display:flex;align-items:center;gap:3px;border:0;background:none;padding:0;font-size:8px;text-align:left}
.project-resources-reference .pr-schedule-name svg{width:25px;height:28px;border-radius:50%;flex-shrink:0}
.project-resources-reference .pr-schedule-name span{max-width:24px}
.project-resources-reference .pr-slot{font-size:9px;padding:0 2px;border:1px solid #3b6880;border-radius:3px;box-shadow:inset 0 0 5px #d0f4ff18}
.project-resources-reference .pr-slot-website{background:linear-gradient(115deg,#2887ca,#196ab1)}
.project-resources-reference .pr-slot-mobile{background:linear-gradient(115deg,#b4a259,#897737)}
.project-resources-reference .pr-slot-infra{background:linear-gradient(115deg,#6d64b7,#534d8f)}
.project-resources-reference .pr-slot-qa{background:linear-gradient(115deg,#3e9d7e,#247b66)}
.project-resources-reference .pr-slot-conflict{background:linear-gradient(115deg,#9c4c64,#732b40);border-color:#bb5f72;color:#ffd4d4}
.project-resources-reference .pr-slot-leave{background:repeating-linear-gradient(135deg,#123b4b 0 2px,#183f50 2px 4px)}
.project-resources-reference .pr-calendar-legend{display:flex;align-items:center;justify-content:space-between;background:none;border:0;padding:0;margin-top:14px;font-size:8px}
.project-resources-reference .pr-calendar-legend span{display:flex;gap:4px;align-items:center}
.project-resources-reference .pr-calendar-legend i{width:9px;height:10px;border-radius:2px}
.project-resources-reference .pr-priority-head,.project-resources-reference .pr-priority-row{display:grid;grid-template-columns:1.25fr 1fr .65fr .7fr;gap:3px;align-items:center;font-size:8px}
.project-resources-reference .pr-priority-head{border:1px solid #2d6278;border-radius:5px 5px 0 0;background:#063047;height:26px;padding:0 5px;white-space:nowrap}
.project-resources-reference .pr-priority-group{border:1px solid #183e53;border-top:0;background:#02243566;padding:0 5px}
.project-resources-reference .pr-group-title{display:flex;width:100%;justify-content:space-between;background:transparent;border:0;padding:5px 1px;font-size:9px;line-height:16px}
.project-resources-reference .pr-group-title b{font-weight:500;margin-right:62px}
.project-resources-reference .pr-priority-row{border:0;border-top:1px solid #14394a;background:transparent;width:100%;padding:3px 2px;height:26px;text-align:left}
.project-resources-reference .pr-priority-row>span{white-space:nowrap}
.project-resources-reference .pr-priority-row>span:nth-child(2){display:flex;align-items:center;gap:4px}
.project-resources-reference .pr-priority-row svg{width:17px;height:20px;border-radius:50%;border:0}
.project-resources-reference .pr-priority-row>span:last-child{display:flex;align-items:center;gap:4px}
.project-resources-reference .pr-priority-row i{display:inline-block;width:34px;height:6px;border-radius:4px;background:#28424d;overflow:hidden}
.project-resources-reference .pr-priority-row i b{display:block;height:100%;background:#55cd9d;border-radius:4px}
.project-resources-reference .pr-priority-row i b.pr-gold{background:linear-gradient(90deg,#f4cf7c,#cda34f)}
.project-resources-reference .pr-manager{position:relative;height:202px;margin-top:0;overflow:hidden}
.project-resources-reference .pr-manager>svg{position:absolute;left:-18px;top:0;width:322px;height:228px}
.project-resources-reference .pr-updated{position:absolute;top:8px;right:0;display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #428ba0;border-radius:8px;background:linear-gradient(110deg,#0d4056,#062f45);box-shadow:0 0 8px #3ebca338;z-index:2}
.project-resources-reference .pr-updated>b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#5de9bf;color:#003d35;font-size:21px;box-shadow:0 0 15px #50d9b155}
.project-resources-reference .pr-updated span{font-size:9px}
.project-resources-reference .pr-updated small{display:block;font-size:7px;margin-top:5px}
.project-resources-reference .pr-before-after{position:absolute;right:3px;bottom:3px;width:192px;height:132px;rotate:6deg;padding:7px;background:linear-gradient(120deg,#12425be6,#062b43df);border:1px solid #5b8da7;border-radius:5px;box-shadow:inset 0 0 7px #85b2cb55}
.project-resources-reference .pr-before-after>strong{display:block;font-size:8px;text-align:left;font-weight:400}
.project-resources-reference .pr-before-after>strong span{float:right}
.project-resources-reference .pr-mini-grids{display:flex;align-items:center;gap:5px;margin-top:10px}
.project-resources-reference .pr-mini-grids>div{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;flex:1}
.project-resources-reference .pr-mini-grids i{display:block;height:17px;border-radius:1px}
.project-resources-reference .pr-mini-0{background:#37a9c9}.project-resources-reference .pr-mini-1{background:#e6b35e}.project-resources-reference .pr-mini-2{background:#6e9eda}.project-resources-reference .pr-mini-3{background:#4fb79b}
.project-resources-reference .pr-mini-grids>b{font-size:22px;color:#56cbeb}
.project-resources-reference .pr-history{position:absolute;bottom:9px;left:9px;right:9px;border:1px solid #316984;border-radius:6px;padding:5px;background:#052b40ef;z-index:3}
.project-resources-reference .pr-history h4{font:400 10px/16px 'Segoe UI',sans-serif;margin-bottom:4px}
.project-resources-reference .pr-history button{display:grid;grid-template-columns:60px 1fr 42px;gap:4px;width:100%;border:0;background:none;font-size:6.7px;text-align:left;padding:3px 0;line-height:10px;white-space:nowrap}
.project-resources-reference .pr-story-benefits{display:grid;grid-template-columns:1fr 1fr 1.13fr;gap:12px;height:93px;margin-top:14px}
.project-resources-reference .pr-story-benefits>button{display:flex;align-items:center;gap:26px;text-align:left;padding:14px 22px;border:1px solid #33627a;border-radius:12px;background:radial-gradient(ellipse at 45% 0,#164b5c77,transparent 80%),#042235;box-shadow:inset 0 0 7px #508ba422;min-width:0}
.project-resources-reference .pr-story-benefits .pr-icon{width:61px;height:61px;flex-shrink:0;color:#e5c788;filter:drop-shadow(0 0 5px #d2aa5644)}
.project-resources-reference .pr-story-benefits>button>span{display:block;flex:1;min-width:0}
.project-resources-reference .pr-story-benefits strong{display:block;font-size:14px;line-height:20px;font-weight:600;color:#eee9db;white-space:nowrap;margin-bottom:6px}
.project-resources-reference .pr-story-benefits p{font-size:10px;line-height:16px;color:#d4e2e8;white-space:normal}
.project-resources-reference.pr-motion .pr-availability>i{animation:pr-glow 4s ease-in-out infinite}
@keyframes pr-glow{50%{box-shadow:0 0 7px #4dddab66}}
.project-resources-overlay{position:fixed;inset:0;z-index:1200;display:flex;padding:12px;background:#00121c9c}
.project-resources-dialog{position:relative;width:min(640px,94vw);height:fit-content;min-height:0;max-height:88vh;margin:auto;overflow:auto;border:1px solid #5a98ac;border-radius:12px;background:linear-gradient(125deg,#0b3b50,#052537);box-shadow:0 20px 80px #0009;color:#e0edf2;padding:20px 24px;font:400 14px/1.5 'Segoe UI',sans-serif}
.project-resources-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0 0 16px;background:none;border:0;gap:20px}
.project-resources-dialog h3{font:600 21px/28px 'Segoe UI',sans-serif;color:#efdaaa}
.project-resources-dialog p{font:400 14px/21px 'Segoe UI',sans-serif;margin:10px 0}
.project-resources-dialog button{background:#0c4a60;border:1px solid #55899a;border-radius:5px;padding:7px 12px;font-size:13px}
.project-resources-dialog button[data-project-resources-close]{padding:1px 9px;font-size:24px;line-height:28px}
.project-resources-dialog button:disabled{opacity:.6;cursor:default}
.project-resources-dialog label{display:flex;flex-direction:column;gap:7px;font-size:14px;margin:12px 0}
.project-resources-dialog input{font:400 14px 'Segoe UI',sans-serif;color:#e0edf2;background:#032435;border:1px solid #54869b;border-radius:4px;padding:9px;min-height:0;width:100%;margin:0}
.project-resources-dialog dl{display:grid;grid-template-columns:145px 1fr;gap:8px;font-size:14px}
.project-resources-dialog dt{color:#9fc1cf}.project-resources-dialog dd{margin:0}
.project-resources-dialog ul{margin:12px 0;padding-left:20px;font-size:14px;line-height:23px}
.project-resources-dialog .pr-dialog-note{font-size:11px;color:#96b9c9;border-top:1px solid #315465;padding-top:10px;margin-bottom:0}
.project-resources-dialog table{width:100%;border-collapse:collapse;font-size:13px}
.project-resources-dialog td,.project-resources-dialog th{padding:7px;border:1px solid #385e70;text-align:left;font-style:normal}
.project-resources-dialog [role=alert]{color:#ffb1ac}
@media(prefers-reduced-motion:reduce){.project-resources-reference .pr-availability>i{animation:none!important}}
/* Keep all sourced rows, legends and benefits inside their first frame. */
.project-resources-frame .pr-dashboard-board{height:590px}
.project-resources-frame .pr-dashboard-main{height:285px}
.project-resources-frame .pr-dashboard-bottom{height:150px}
.project-resources-reference .pr-story-board{height:560px}
.project-resources-reference .pr-step{height:374px;min-height:0}
.project-resources-reference .pr-group-title{height:22px;padding:2px 1px;line-height:17px}
.project-resources-reference .pr-priority-row{height:23px;padding:2px}
.project-resources-reference .pr-mini-grids>div.pr-mini-calendar{grid-template-columns:22px repeat(5,1fr);gap:2px}
.project-resources-reference .pr-mini-calendar>span{font-size:4.5px;white-space:nowrap;line-height:10px;color:#d0e2e8}
.project-resources-reference .pr-mini-calendar .pr-mini-name{font-size:4px;white-space:normal;text-align:left;line-height:6px}
.project-resources-reference .pr-mini-calendar i{height:16px}
.project-resources-reference .pr-mini-grids{gap:3px;margin-top:7px}
.project-resources-reference .pr-mini-grids>b{font-size:17px}
.project-resources-reference .pr-before-after{width:208px;height:132px;right:0}
/* Source review: directional connectors and layered glass edges, without transforming text. */
.project-resources-reference .pr-step{border-color:#4289a2;box-shadow:inset 0 0 0 2px #001622,inset 0 0 0 3px #54a6bf35,inset 2px 2px 5px #8ce0ee22,inset -2px -3px 8px #000c,0 7px 7px -5px #000b,0 0 5px #3d899c24;background:radial-gradient(ellipse at 0 0,#75b5cc25,transparent 28%),radial-gradient(ellipse at 30% 0,#16496599,transparent 70%),linear-gradient(120deg,#002234,#001825)}
.project-resources-reference .pr-step:before{content:'';position:absolute;pointer-events:none;top:3px;left:12px;width:56%;height:1px;border-radius:50%;background:linear-gradient(90deg,#b9edee88,#64bbd52a,transparent)}
.project-resources-reference .pr-step:not(:last-child):after{right:-13px;top:175px;width:18px;height:23px;rotate:0deg;clip-path:polygon(0 0,39% 0,100% 50%,39% 100%,0 100%,59% 50%);background:linear-gradient(110deg,#785925 0%,#f6dfa3 36%,#fff0c4 52%,#b58b42 78%,#58461f 100%);box-shadow:none}
.project-resources-reference .pr-manager{height:218px}
.project-resources-reference .pr-manager>svg{left:-10px;top:-3px;width:298px;height:220px}
.project-resources-reference .pr-before-after{width:207px;height:120px;right:0;bottom:2px;rotate:4deg;border-color:#84b8c9;box-shadow:inset 0 0 0 2px #062338,inset 1px 1px 5px #c0f3ff55,0 5px 9px #00131ca8}
.project-resources-reference .pr-mini-calendar i{height:14px}