.noc-mpp-app{--app-border:#dbe3ec;--app-muted:#596579;display:grid;gap:20px;margin:0 auto;max-width:1040px;padding-bottom:88px}.noc-mpp-app__header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.noc-mpp-app__header h2{font-size:clamp(28px,8vw,40px);line-height:1.1;margin:6px 0}.noc-mpp-app__header p:last-child{color:var(--app-muted);margin:0}.noc-mpp-app__nav{background:#fff;border:1px solid var(--app-border);border-radius:16px;bottom:10px;box-shadow:0 10px 32px rgba(26,32,44,.14);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:10px;overflow:hidden;position:fixed;right:10px;z-index:20}.noc-mpp-app__nav button{align-items:center;background:#fff;border:0;color:#647184;cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:11px;font-weight:700;gap:3px;justify-content:center;min-height:60px;padding:7px 3px}.noc-mpp-app__nav button span{font-size:17px;line-height:1}.noc-mpp-app__nav button.is-active{background:var(--pale);color:var(--blue-dark)}.noc-mpp-app__nav button:focus-visible{box-shadow:inset 0 0 0 3px rgba(43,108,176,.28);outline:0}.noc-mpp-app__panels{min-width:0}.noc-mpp-app__panel{animation:noc-mpp-panel-in .18s ease}.noc-mpp-app__intro{background:linear-gradient(145deg,#fff,var(--off));border:1px solid var(--app-border);border-radius:16px;margin-bottom:18px;padding:20px}.noc-mpp-app__intro h3{font-size:clamp(23px,6vw,31px);line-height:1.2;margin:6px 0 8px}.noc-mpp-app__intro>p:last-child{color:var(--app-muted);margin:0}.noc-mpp-app__group{margin:24px 0}.noc-mpp-app__group-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.noc-mpp-app__group-head h4{font-size:19px;margin:0}.noc-mpp-app__group-head span{align-items:center;background:var(--pale);border-radius:99px;color:var(--blue-dark);display:flex;font-size:12px;font-weight:800;height:27px;justify-content:center;min-width:27px;padding:0 8px}.noc-mpp-app__task-list{display:grid;gap:10px}.noc-mpp-app__task{background:#fff;border:1px solid var(--app-border);border-left:4px solid var(--blue);border-radius:13px;padding:16px}.noc-mpp-app__task.is-blocked{border-left-color:var(--gold)}.noc-mpp-app__task.is-completed{border-left-color:var(--green);opacity:.78}.noc-mpp-app__task-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.noc-mpp-app__outcome{background:var(--pale);border-radius:99px;color:var(--blue-dark);font-size:11px;font-weight:800;padding:4px 8px}.noc-mpp-app__outcome--hold{background:#fff3dc;color:#7b5200}.noc-mpp-app__outcome--release{background:#e3f3ed;color:#27665b}.noc-mpp-app__domain{color:#6a7587;font-size:12px;font-weight:700}.noc-mpp-app__task h5{font-size:18px;line-height:1.3;margin:11px 0 5px}.noc-mpp-app__task>p{color:var(--app-muted);font-size:14px;margin:0}.noc-mpp-app__dependency{background:#fff8e9;border-radius:8px;color:#654b18!important;margin-top:12px!important;padding:9px 11px}.noc-mpp-app__task details{border-top:1px solid #edf0f3;margin-top:12px;padding-top:10px}.noc-mpp-app__task summary{color:var(--blue-dark);cursor:pointer;font-size:13px;font-weight:700}.noc-mpp-app__task details p{color:var(--app-muted);font-size:13px;margin:8px 0 0}.noc-mpp-app__empty{background:var(--pale);border-radius:14px;padding:20px}.noc-mpp-app__empty p{color:var(--app-muted);margin:5px 0 0}.noc-mpp-app__filters{display:flex;gap:7px;margin:-5px 0 18px;overflow-x:auto;padding-bottom:4px}.noc-mpp-app__filters button{background:#fff;border:1px solid var(--app-border);border-radius:99px;color:var(--app-muted);cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:7px 12px;white-space:nowrap}.noc-mpp-app__filters button.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.noc-mpp-app__timeline{position:relative}.noc-mpp-app__timeline:before{background:#dce5ee;bottom:20px;content:"";left:8px;position:absolute;top:8px;width:2px}.noc-mpp-app__timeline-period{display:grid;gap:14px;grid-template-columns:18px minmax(0,1fr);padding-bottom:24px;position:relative}.noc-mpp-app__timeline-marker{background:var(--blue);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #bfd1e3;height:16px;margin-top:3px;position:relative;width:16px;z-index:1}.noc-mpp-app__timeline-period--not_yet .noc-mpp-app__timeline-marker{background:#8793a3}.noc-mpp-app__timeline-body>h4{font-size:20px;margin:0}.noc-mpp-app__period-copy{color:var(--app-muted);font-size:13px;margin:2px 0 10px}.noc-mpp-app__progress-summary{background:var(--pale);border-radius:14px;margin:20px 0;padding:17px}.noc-mpp-app__progress-summary>span{color:var(--blue-dark);float:right;font-weight:800}.noc-mpp-app__progress-summary p{clear:both;color:var(--app-muted);font-size:13px;margin:0}.noc-mpp-app__household-card,.noc-mpp-app__account-card{background:#fff;border:1px solid var(--app-border);border-radius:14px;padding:20px}.noc-mpp-app__household-card ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.noc-mpp-app__household-card li{background:var(--pale);border-radius:9px;font-weight:700;padding:10px 12px}.noc-mpp-app__household-card p,.noc-mpp-app__account-card p{color:var(--app-muted);margin:5px 0 15px}.noc-mpp-app__quiet-copy{color:var(--app-muted);font-size:13px;margin-top:12px}.noc-mpp-app__refresh{bottom:82px;color:var(--green);font-size:12px;font-weight:700;left:0;min-height:18px;position:fixed;text-align:center;width:100%;z-index:19}.noc-mpp-app__refresh.is-error{color:#9b3525}.noc-mpp-app .noc-mpp__departure,.noc-mpp-app .noc-mpp-intake{margin:18px 0}.noc-mpp-app .noc-mpp__group{margin-top:28px}@keyframes noc-mpp-panel-in{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}@media(min-width:761px){.noc-mpp-app{padding-bottom:0}.noc-mpp-app__nav{border-radius:14px;bottom:auto;box-shadow:none;left:auto;position:static;right:auto}.noc-mpp-app__nav button{flex-direction:row;font-size:13px;gap:7px;min-height:52px}.noc-mpp-app__nav button span{font-size:15px}.noc-mpp-app__intro{padding:25px}.noc-mpp-app__task-list{grid-template-columns:repeat(2,minmax(0,1fr))}.noc-mpp-app__timeline-body>.noc-mpp-app__task-list{grid-template-columns:1fr}.noc-mpp-app__refresh{bottom:auto;left:auto;min-height:20px;position:static;text-align:right;width:auto}}@media(max-width:420px){.noc-mpp-app__header{display:block}.noc-mpp-app__header .noc-mpp__logout{display:inline-block;margin-top:10px}.noc-mpp-app__nav{left:5px;right:5px}.noc-mpp-app__nav button{font-size:10px}.noc-mpp-app__intro{padding:17px}.noc-mpp-app__task{padding:14px}}