:root{color-scheme:light;--bg:#eef2f7;--panel:#ffffff;--panel-soft:#f8fafc;--text:#172033;--muted:#667085;--border:#d9e1ec;--accent:#2563eb;--accent-soft:#eaf1ff;--green:#15803d;--orange:#b45309;--red:#b91c1c;--purple:#7c3aed;--shadow:0 18px 50px rgba(16,24,40,0.1)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.button,button{min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);padding:8px 12px;cursor:pointer}.buttonPrimary,button.primary{background:var(--accent);color:#ffffff;border-color:var(--accent)}.pageShell{min-height:100vh;display:grid;grid-template-columns:252px 1fr}.sidebar{background:#172033;color:#f8fafc;padding:18px 14px}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 16px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:18px}.brandMark{width:34px;height:34px;color:#172033;place-items:center;font-weight:700}.brandLogoTile,.brandMark{border-radius:8px;background:#ffffff;display:grid}.brandLogoTile{width:58px;height:42px;place-items:center;padding:4px;flex:0 0 auto}.brandLogo{display:block;width:100%;height:100%;object-fit:contain}.brandTitle{font-weight:700;line-height:1.15}.brandSub{color:rgba(255,255,255,.72);font-size:12px;margin-top:2px}.navGroup{display:grid;grid-gap:4px;gap:4px;margin-bottom:18px}.navLabel{color:rgba(255,255,255,.56);font-size:12px;padding:0 8px 4px}.navItem{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:rgba(255,255,255,.84);font-size:14px}.navItem:hover,.navItemActive{background:rgba(255,255,255,.14);color:#ffffff}.main{min-width:0;display:grid;grid-template-rows:auto 1fr}.mobileHeader{display:none}.topbar{background:var(--panel);border-bottom:1px solid var(--border);padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}.content{padding:20px 22px 28px}.eyebrow{color:var(--muted);font-size:12px}.pageTitle{margin:2px 0 0;font-size:22px;line-height:1.2}.topActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:14px}.grid2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);grid-gap:14px;gap:14px}.pivotGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}.pivotCard{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;grid-gap:6px;gap:6px}.pivotCardActive{border-color:var(--accent);background:var(--accent-soft)}.pivotLabel{font-size:12px;color:var(--muted)}.pivotValue{font-size:24px;font-weight:750;line-height:1}.metric,.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px}.metric{min-height:96px;padding:14px;display:grid;grid-gap:8px;gap:8px;align-content:start}.metricLabel{color:var(--muted);font-size:12px}.metricValue{font-size:26px;line-height:1;font-weight:750}.metricNote{color:var(--muted);font-size:12px}.currentWeekPlanPanel,.trackerKpiPanel{margin-bottom:14px}.weekTrackFilter{display:grid;grid-template-columns:minmax(150px,1fr);grid-gap:6px;gap:6px;align-items:flex-end}.weekTrackFilter label{grid-column:1/-1}.weekTrackFilter input,.weekTrackFilter select{min-height:34px}.trackerKpiGrid{padding:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:10px;gap:10px}.trackerKpi{min-height:112px;border:1px solid var(--border);border-radius:10px;background:var(--panel-soft);padding:12px;display:grid;align-content:start;grid-gap:8px;gap:8px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.trackerKpi:hover{border-color:var(--accent);box-shadow:0 10px 28px rgba(37,99,235,.12);transform:translateY(-1px)}.trackerKpiActive{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px rgba(37,99,235,.22)}.trackerKpiLabel{color:var(--muted);font-size:12px;font-weight:700}.trackerKpiValue{font-size:28px;line-height:1;font-weight:780}.trackerKpiNote{color:var(--muted);font-size:12px;line-height:1.35}.trackerKpi-good .trackerKpiValue{color:var(--green)}.trackerKpi-warn .trackerKpiValue{color:var(--orange)}.trackerKpi-bad .trackerKpiValue{color:var(--red)}.trackerKpi-neutral .trackerKpiValue{color:var(--accent)}.panelHead{padding:14px 14px 10px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.panelTitle{font-weight:700}.panelSub{margin-top:2px}.panelFoot,.panelSub{color:var(--muted);font-size:12px}.panelFoot{padding:10px 14px 14px;border-top:1px solid var(--border)}.chip{display:inline-flex;align-items:center;min-height:26px;border:1px solid var(--border);background:var(--panel-soft);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:12px;white-space:nowrap}.chipStrong{background:var(--accent-soft);color:var(--accent);border-color:transparent}.chipDanger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.settingsGrid{align-items:start}.settingsCreateForm{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.75fr) auto;grid-gap:10px;gap:10px;align-items:flex-end;padding:12px;border-bottom:1px solid var(--border)}.settingsCreateForm .field:first-child:nth-last-child(2){grid-column:span 2}.settingsInlineForm{display:grid;grid-template-columns:minmax(140px,1fr) minmax(130px,.8fr) minmax(130px,.8fr) auto;grid-gap:8px;gap:8px;align-items:center;min-width:420px}.usageStack{display:grid;grid-gap:3px;gap:3px;color:var(--muted);font-size:12px;white-space:nowrap}.userAccessForm{display:grid;grid-gap:14px;gap:14px;padding:12px;border-top:1px solid var(--border)}.userAccessFormInline{margin-top:10px;min-width:760px;border:1px solid var(--border);border-radius:10px;background:var(--panel-soft)}.userAccessBasics{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));grid-gap:10px;gap:10px}.userScopeGrid{display:grid;grid-template-columns:minmax(220px,420px);grid-gap:10px;gap:10px}.userScopeGrid select[multiple]{min-height:116px}.permissionMatrix{display:grid;grid-template-columns:minmax(180px,1fr) repeat(4,90px);border:1px solid var(--border);border-radius:10px;overflow:hidden}.permissionHeader{background:#f3f6fb;color:var(--muted);font-size:12px;font-weight:750;padding:9px}.permissionRow{display:contents}.permissionCheck,.permissionRow>div{border-top:1px solid var(--border);padding:9px;min-height:38px;display:flex;align-items:center}.permissionCheck{justify-content:center}.permissionSummary{display:grid;grid-gap:3px;gap:3px;min-width:240px;color:var(--muted);font-size:12px}.rowArchived td{background:#f8fafc;color:var(--muted)}.tableWrap{overflow-x:auto}.filterBar{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto;grid-gap:10px;gap:10px;align-items:flex-end;padding:12px;margin-bottom:12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-soft)}.filterActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:38px;color:var(--muted);font-size:12px;font-weight:650;white-space:nowrap}.raidSearchField{grid-column:span 2}.multiSelect{position:relative}.multiSelectButton{width:100%;min-height:38px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:8px 32px 8px 10px;font-size:13px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multiSelectButton:after{content:"▾";position:absolute;right:11px;top:9px;color:var(--muted);font-size:12px}.multiSelectButton[aria-expanded=true]{border-color:var(--accent)}.multiSelectMenu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:max(220px,100%);max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:6px}.multiSelectOption{display:flex;align-items:center;gap:8px;min-height:32px;border-radius:6px;padding:6px 8px;color:var(--text);font-size:13px}.multiSelectOption:hover{background:var(--panel-soft)}.multiSelectOption input{width:14px;min-height:14px;margin:0}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:11px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}th{color:var(--muted);background:var(--panel-soft);font-size:12px;font-weight:700}tr:last-child td{border-bottom:0}.rowOverdue td{background:#fff4f4;border-bottom-color:#fecaca}.rowOverdue td:first-child{box-shadow:inset 4px 0 0 var(--red)}.paginationBar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px 14px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.paginationControls{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.paginationControls label{display:inline-flex;align-items:center;gap:6px;font-weight:700}.paginationControls select{min-height:32px;border:1px solid var(--border);border-radius:8px;background:#ffffff;padding:4px 8px}.paginationControls button{min-height:32px;padding:5px 9px}.overdueText{margin-top:4px;color:var(--red);font-size:12px;font-weight:750}.status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;font-weight:700}.status:before{content:"";width:8px;height:8px;border-radius:99px;background:currentColor}.statusGood{color:var(--green)}.statusWarn{color:var(--orange)}.statusBad{color:var(--red)}.statusNeutral{color:var(--muted)}.list{padding:12px;display:grid;grid-gap:10px;gap:10px}.listItem{padding:11px;border:1px solid var(--border);background:var(--panel-soft);border-radius:10px;display:grid;grid-gap:6px;gap:6px}.itemTitle{font-size:13px;font-weight:700}.itemMeta{color:var(--muted);font-size:12px}.cadenceHero{padding:14px;margin-bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.cadenceDateForm{display:grid;grid-template-columns:minmax(190px,1fr) minmax(150px,.7fr) minmax(150px,.7fr) auto;grid-gap:8px;gap:8px;align-items:flex-end}.cadenceLayout{align-items:start}.cadenceSubject{padding:12px 14px;border-bottom:1px solid var(--border);display:grid;grid-gap:5px;gap:5px}.cadenceSubject span{color:var(--muted);font-size:12px;font-weight:700}.cadenceSubject strong{line-height:1.35}.templatePreview{margin:0;padding:14px;min-height:520px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel-soft);color:var(--text);font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.templatePreviewHtml{padding:16px;min-height:520px;overflow:auto;background:#f8fafc}.templatePreviewHtml table{min-width:760px}.formGrid{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.formActions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.inlineEditGrid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,.6fr);grid-gap:8px;gap:8px}.inlineEditWide{grid-column:1/-1}.inlineEditActions{display:flex;justify-content:flex-end;gap:8px;grid-column:1/-1}.collapsibleForm{margin-top:14px}.collapsibleForm summary{width:-moz-fit-content;width:fit-content;list-style:none}.collapsibleForm summary::-webkit-details-marker{display:none}.rowEditDetails summary{list-style:none;width:-moz-fit-content;width:fit-content}.rowEditDetails summary::-webkit-details-marker{display:none}.rowEditPanel{margin-top:10px;padding:12px;border:1px solid var(--border);background:var(--panel-soft);border-radius:10px}.expandedEditGrid,.portfolioEditForm{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));grid-gap:10px;gap:10px}.fieldSpan2{grid-column:span 2}.expandedEditActions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.deleteRecordForm{display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}button.dangerButton{color:#9f1d1d;border-color:#f0b4b4;background:#fff5f5}.toast{position:fixed;right:22px;bottom:22px;z-index:50;background:#172033;color:#ffffff;border-radius:10px;padding:12px 14px;box-shadow:var(--shadow);font-size:14px;font-weight:650}.field,.fieldFull{display:grid;grid-gap:5px;gap:5px}.fieldFull{grid-column:1/-1}label{color:var(--muted);font-size:12px}input,select,textarea{width:100%;min-height:38px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px}textarea{min-height:86px;resize:vertical}.loginPage{min-height:100vh;display:grid;place-items:center;padding:24px}.loginCard{width:min(440px,100%);background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:22px}.loginForm{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.errorBox{border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:8px;padding:10px 12px;font-size:13px}.emptyState{padding:24px;color:var(--muted)}@media (max-width:960px){.pageShell{grid-template-columns:1fr}.sidebar{display:none}.mobileHeader{position:-webkit-sticky;position:sticky;top:0;z-index:40;justify-content:space-between;gap:10px;padding:10px 12px;background:#172033;color:#f8fafc;box-shadow:0 8px 28px rgba(16,24,40,.16)}.mobileBrand,.mobileHeader{display:flex;align-items:center}.mobileBrand{min-width:0;gap:9px}.mobileBrand .brandLogoTile{width:48px;height:34px}.mobileBrand .brandSub,.mobileBrand .brandTitle{display:block}.mobileNav{position:relative;flex:0 0 auto}.mobileNav summary{min-height:38px;list-style:none;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:14px;font-weight:700}.mobileNav summary::-webkit-details-marker{display:none}.mobileNavPanel{position:fixed;top:58px;left:10px;right:10px;max-height:calc(100vh - 76px);overflow-y:auto;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#172033;padding:12px;box-shadow:var(--shadow)}.topbar{align-items:flex-start;flex-direction:column;padding:14px 14px 12px;gap:10px}.content{padding:14px 12px 22px}.pageTitle{font-size:20px}.topActions{width:100%;justify-content:space-between}.grid2,.grid4{grid-template-columns:1fr}.grid2,.grid4,.pivotGrid,.trackerKpiGrid{gap:10px}.metric,.pivotCard,.trackerKpi{min-height:auto;border-radius:10px}.metricValue,.pivotValue,.trackerKpiValue{font-size:24px}.panelHead{align-items:stretch;flex-direction:column;padding:12px}.formGrid{grid-template-columns:1fr}.portfolioEditForm,.settingsCreateForm,.settingsInlineForm,.userAccessBasics,.userScopeGrid{grid-template-columns:1fr;min-width:0}.userAccessFormInline{min-width:0}.permissionMatrix{grid-template-columns:minmax(140px,1fr) repeat(4,62px)}.settingsCreateForm .field:first-child:nth-last-child(2){grid-column:auto}.filterBar{grid-template-columns:1fr;padding:10px}.raidSearchField{grid-column:auto}.filterActions{justify-content:space-between}.weekTrackFilter{width:100%;grid-template-columns:1fr auto}.cadenceHero{align-items:stretch;flex-direction:column}.cadenceDateForm{grid-template-columns:1fr}.paginationBar{align-items:stretch;flex-direction:column}.paginationControls{justify-content:space-between}.expandedEditGrid{grid-template-columns:1fr}.fieldSpan2{grid-column:auto}}@media (max-width:700px){.button,button{min-height:42px}input,select,textarea{min-height:42px;font-size:16px}.tableWrap{overflow-x:visible}.responsiveTable,.responsiveTable tbody,.responsiveTable td,.responsiveTable thead,.responsiveTable tr{display:block;width:100%}.responsiveTable{border-collapse:separate;border-spacing:0 10px;font-size:13px}.responsiveTable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.responsiveTable tbody tr{border:1px solid var(--border);border-radius:10px;background:var(--panel);box-shadow:0 10px 26px rgba(16,24,40,.06);overflow:hidden}.responsiveTable tbody tr.rowOverdue{border-color:#fecaca;box-shadow:inset 4px 0 0 var(--red),0 10px 26px rgba(16,24,40,.06)}.responsiveTable tbody tr.editRow{border-style:dashed;background:var(--panel-soft)}.responsiveTable tbody tr.editRow td{display:block;padding:10px}.responsiveTable tbody tr:not(.editRow) td{display:grid;grid-template-columns:minmax(112px,34%) minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;border-bottom:1px solid var(--border);padding:10px 12px}.responsiveTable tbody tr:not(.editRow) td:last-child{border-bottom:0}.responsiveTable tbody tr:not(.editRow) td:before{color:var(--muted);content:"";font-size:12px;font-weight:750;line-height:1.4}.responsiveTable tbody tr:not(.editRow) td:last-child:not([colspan]){display:flex;justify-content:flex-end}.responsiveTable tbody tr:not(.editRow) td:last-child:not([colspan]):before{content:none}.projectPlanTable td:first-child:before{content:"ID"}.projectPlanTable td:nth-child(2):before{content:"Track / Module"}.projectPlanTable td:nth-child(3):before{content:"Phase"}.projectPlanTable td:nth-child(4):before{content:"Activities"}.projectPlanTable td:nth-child(5):before{content:"Responsibility"}.projectPlanTable td:nth-child(6):before{content:"Planned Dates"}.projectPlanTable td:nth-child(7):before{content:"Actual Dates"}.projectPlanTable td:nth-child(8):before{content:"Status"}.projectPlanTable td:nth-child(9):before{content:"% Completion"}.projectPlanTable td:nth-child(10):before{content:"Delay"}.dailyUpdatesTable td:first-child:before,.openPointsTable td:first-child:before{content:"Track / Module"}.dailyUpdatesTable td:nth-child(2):before,.openPointsTable td:nth-child(2):before{content:"Date"}.openPointsTable td:nth-child(3):before{content:"Open Point"}.openPointsTable td:nth-child(4):before{content:"Open With"}.openPointsTable td:nth-child(5):before{content:"Status"}.openPointsTable td:nth-child(6):before{content:"Target"}.openPointsTable td:nth-child(7):before,.zohoTicketsTable td:nth-child(6):before{content:"Priority"}.dailyUpdatesTable td:nth-child(7):before,.dataReadinessTable td:nth-child(8):before,.openPointsTable td:nth-child(8):before{content:"Impact"}.dailyUpdatesTable td:nth-child(3):before{content:"Completed Work"}.dailyUpdatesTable td:nth-child(4):before{content:"Next Action"}.dailyUpdatesTable td:nth-child(5):before{content:"Blocker / Dependency"}.dailyUpdatesTable td:nth-child(6):before{content:"Input / Escalation"}.customizationsTable td:first-child:before{content:"Product / Track"}.customizationsTable td:nth-child(2):before{content:"Requirement"}.customizationsTable td:nth-child(3):before{content:"Customization"}.customizationsTable td:nth-child(4):before{content:"Phase"}.customizationsTable td:nth-child(5):before{content:"Expected Timeline"}.customizationsTable td:nth-child(6):before{content:"Responsible"}.customizationsTable td:nth-child(7):before,.raidTable td:nth-child(8):before,.zohoTicketsTable td:nth-child(7):before{content:"Status"}.raidTable td:first-child:before{content:"ID / Type"}.raidTable td:nth-child(2):before{content:"Track / Module"}.raidTable td:nth-child(3):before{content:"Item"}.raidTable td:nth-child(4):before{content:"Impact"}.raidTable td:nth-child(5):before{content:"Owner"}.raidTable td:nth-child(6):before{content:"Target"}.raidTable td:nth-child(7):before{content:"Severity"}.raidTable td:nth-child(9):before{content:"Created / Aging"}.raidTable td:nth-child(10):before{content:"Last Updated"}.dataReadinessTable td:first-child:before{content:"ID / Dataset"}.dataReadinessTable td:nth-child(2):before{content:"Track / Module"}.dataReadinessTable td:nth-child(3):before{content:"Owner"}.dataReadinessTable td:nth-child(4):before{content:"Required By"}.dataReadinessTable td:nth-child(5):before{content:"Format"}.dataReadinessTable td:nth-child(6):before{content:"Validation"}.dataReadinessTable td:nth-child(7):before{content:"Next Action"}.zohoTicketsTable td:first-child:before{content:"Ticket / Product"}.zohoTicketsTable td:nth-child(2):before{content:"Track"}.zohoTicketsTable td:nth-child(3):before{content:"Issue / Request"}.zohoTicketsTable td:nth-child(4):before{content:"Raised By"}.zohoTicketsTable td:nth-child(5):before{content:"Aging"}.zohoTicketsTable td:nth-child(8):before{content:"Remarks"}}