:root{--justbit-dark: #1a1a3d;--justbit-muted: #6f7286;--report-button-color: #ff5950;--report-button-hover-color: #e64a40;--text-light: #ffffff;--text-dark: #2b2d38;--body-background: #f3f5f8;--panel-background: #ffffff;--border-color: #e6e8ef;--error-red: #d32f2f;--success-green: #2e7d32;--report-sticky-top: 64px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;display:flex;flex-direction:column;font-family:Roboto,sans-serif;background:var(--body-background);color:var(--text-dark)}nav{background-color:#fff!important;box-shadow:0 1px 6px #11182714}nav .brand-logo{display:flex!important;align-items:center!important;gap:10px;height:100%}nav .brand-logo img.logo{height:40px;width:auto}.page-title{color:var(--justbit-dark)!important;font-size:1.1rem;margin-left:0;white-space:nowrap}.input-field label{color:#9094a8}.input-field input[type=password]:focus+label,.input-field input[type=number]:focus+label,.input-field input[type=email]:focus+label,.input-field input[type=text]:focus+label{color:var(--report-button-color)!important}.input-field input[type=password]:focus,.input-field input[type=number]:focus,.input-field input[type=email]:focus,.input-field input[type=text]:focus{border-bottom:1px solid var(--report-button-color)!important;box-shadow:0 1px 0 0 var(--report-button-color)!important}.input-field .prefix.active{color:var(--report-button-color)!important}.report-button-bg,.btn,.btn:focus{background-color:var(--report-button-color)!important;color:var(--text-light);font-weight:700;text-transform:none;border-radius:8px;box-shadow:none}.btn:hover{background-color:var(--report-button-hover-color)!important}.loader-container,.loader-inline{margin-top:14px;display:flex;align-items:center;gap:10px}.preloader-wrapper.active .spinner-layer{border-color:var(--report-button-color)!important}.status-message{margin-top:10px;min-height:1.2em;font-weight:500}.status-message.error{color:var(--error-red)}.status-message.success{color:var(--success-green)}.page-footer{margin-top:auto;background-color:#fff!important;border-top:1px solid var(--border-color);padding:12px 0}.footer-text{margin:0;color:var(--text-dark)!important;font-size:.9rem}.page-login{min-height:100vh;background:#dfe3e8}.page-login .login-shell{min-height:100vh;width:100%;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.page-login .login-brand{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px}.page-login .login-brand .logo{width:110px;height:auto}.page-login .login-brand-copy{display:flex;flex-direction:column;gap:2px}.page-login .login-brand-title{margin:0;color:#1f2635;font-size:1.95rem;line-height:1;font-weight:700}.page-login .login-brand-subtitle{margin:0;color:#44516a;font-size:1.15rem;font-weight:600}.page-login .login-panel{width:100%;max-width:600px;background:#fff;border:1px solid #d6dbe6;border-radius:18px;padding:34px 28px 26px;box-shadow:0 8px 20px #0f172a0f}.page-login .login-heading{text-align:center;margin-bottom:16px}.page-login .login-panel h4{margin:0;color:#1f2635;font-size:2.15rem;font-weight:700}.page-login .login-subtitle{margin:8px 0 0;color:#5e6678;font-size:1.02rem}.page-login .login-form{display:flex;flex-direction:column;gap:12px}.page-login .login-field{position:relative}.page-login .login-field label{display:block;margin-bottom:6px;color:#6b7280;font-size:.9rem;font-weight:600}.page-login .login-field input[type=email],.page-login .login-field input[type=password],.page-login .login-field input[type=text]{width:100%;border:1px solid #d7dde8;border-radius:14px;height:50px;line-height:50px;padding:0 14px;margin:0;background:#f4f7fd;color:#1f2937;font-size:1rem;box-sizing:border-box}.page-login .login-field input:focus{outline:none;border-color:#ff59508f;box-shadow:0 0 0 3px #ff59502e;background:#fff}.page-login .login-field-password input{padding-right:46px}.page-login .password-eye-btn{position:absolute;right:12px;top:37px;border:0;background:transparent;color:#d94a40;cursor:pointer;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0}.page-login .password-eye-btn .material-icons{font-size:22px;line-height:1}.page-login .login-help-row{display:flex;justify-content:flex-end}.page-login .login-help-row a{font-size:.94rem;color:var(--report-button-color)}.page-login .actions-row{margin-top:8px}.page-login .actions-row .btn{width:100%;height:50px;line-height:50px;border-radius:14px;background-color:var(--report-button-color)!important;font-size:1.1rem}.page-login .actions-row .btn:hover{background-color:var(--report-button-hover-color)!important}.page-login .login-privacy{margin:18px 0 0;text-align:center;color:#5f6678;font-size:.95rem}.page-login .login-privacy a{color:#1f2937;text-decoration:underline}.page-login .loader-container{justify-content:center}.page-report{display:block;min-height:100vh}.side-nav-mini{position:fixed;top:0;left:0;bottom:0;width:64px;background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0;z-index:2100}.side-nav-btn{width:42px;height:42px;border:0;border-radius:10px;background:transparent;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.side-nav-btn:hover{background:#eef2ff;color:#1f2937}.side-nav-btn.is-active{background:#e0e7ff;color:#1e1b4b}.logout-item{margin-top:auto;position:relative;padding-bottom:4px}.logout-popover{position:absolute;left:56px;bottom:0;width:180px;padding:10px;border:1px solid var(--border-color);border-radius:10px;background:#fff;box-shadow:0 10px 18px #0f172a29}.logout-popover p{margin:0 0 8px;font-size:.86rem;color:#334155}.logout-popover-actions{display:flex;justify-content:flex-end;gap:2px}.logout-popover-actions .btn-flat{color:#334155;min-width:36px}.page-report-content{margin-left:64px;min-height:100vh;display:flex;flex-direction:column}.report-nav-shell{position:sticky;top:0;z-index:1500;background:#fff;border-bottom:1px solid #e6eaf3}.report-nav-shell,.report-nav-shell .nav-wrapper{height:auto!important;min-height:0!important;line-height:normal!important;overflow:visible!important}.page-report .report-nav{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 16px;min-height:72px;flex-wrap:wrap}.page-report nav .brand-logo{position:static!important;transform:none!important;left:auto!important;display:flex;align-items:center;gap:10px;height:auto!important;line-height:normal!important}.page-report nav .brand-logo.report-brand img.logo{height:34px}.report-nav-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:transparent;border:0;border-radius:0;padding:0}.report-toolbar-title{color:var(--justbit-dark);font-size:1.08rem;font-weight:700;line-height:1.25;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}.report-nav-actions .btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}.report-nav-actions .btn i.right,.report-nav-actions .btn i.material-icons{float:none!important;margin:0!important;line-height:1!important;display:inline-flex;align-items:center;justify-content:center}.page-report .report-main{width:100%;max-width:none;padding:8px 16px}.dashboard-view{width:100%}.dashboard-priority-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px;margin-bottom:12px}.dashboard-priority-card{background:linear-gradient(135deg,#fff,#fff6f5);border:1px solid #f6c6c2;border-radius:14px;padding:16px 18px;box-shadow:0 2px 8px #e450431a}.dashboard-priority-head{display:inline-flex;align-items:center;gap:8px;color:#8f231c;font-size:.93rem;font-weight:700}.dashboard-priority-head .material-icons{font-size:18px}.dashboard-priority-row{margin-top:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-priority-value{margin:8px 0 2px;color:#8f231c;font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.dashboard-priority-value.is-good{color:#1f7a3e}.dashboard-priority-value.is-warning{color:#b7791f}.dashboard-priority-value.is-critical{color:#b42318}.dashboard-priority-chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;padding:4px 10px;background:#fee4e2;border:1px solid #f8b4b0;color:#9b2c26;font-size:.92rem;font-weight:700}.dashboard-priority-chip.is-good{color:#1f7a3e;background:#def7e5;border-color:#b3e0c2}.dashboard-priority-chip.is-warning{color:#b7791f;background:#fef3c7;border-color:#fde68a}.dashboard-priority-chip.is-critical{color:#b42318;background:#fee4e2;border-color:#f8b4b0}.dashboard-priority-note{margin:4px 0 0;color:#7e4750;font-size:.83rem;line-height:1.4}.dashboard-hero{width:100%;background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:16px 18px;box-shadow:0 1px 5px #1118270d;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-hero h5{margin:0;font-weight:700;color:var(--justbit-dark)}.dashboard-hero p{margin:6px 0 0;font-size:.95rem;line-height:1.5;color:var(--justbit-muted)}.dashboard-sync-state{min-height:24px;padding:4px 10px;border-radius:999px;border:1px solid #d4dae8;color:#475569;font-size:.82rem;font-weight:600;white-space:nowrap}.dashboard-sync-state.is-loading{border-color:#ff595066;color:#cf3f36;background:#ff595014}.dashboard-kpi-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:12px}.dashboard-kpi-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:14px}.dashboard-kpi-head{display:flex;align-items:center;gap:8px;color:#313857;font-size:.9rem;font-weight:700}.dashboard-kpi-head .material-icons{color:#5d6788;font-size:18px}.dashboard-kpi-value{margin:8px 0 2px;color:var(--justbit-dark);font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.dashboard-kpi-value.is-good{color:#1f7a3e}.dashboard-kpi-value.is-warning{color:#b7791f}.dashboard-kpi-value.is-critical{color:#b42318}.dashboard-kpi-note{margin:0;font-size:.84rem;color:var(--justbit-muted);line-height:1.4}.dashboard-chart-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.dashboard-chart-card{min-height:150px;background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:14px}.dashboard-chart-card.span-2{grid-column:span 2}.dashboard-chart-card h6{margin:0 0 6px;color:#2a3150;font-size:.98rem;font-weight:700}.dashboard-chart-card p,.dashboard-chart-subtitle{margin:0 0 10px;color:var(--justbit-muted);font-size:.86rem;line-height:1.45}.dashboard-empty{margin:0;color:var(--justbit-muted);font-size:.9rem}.hbar-chart{display:flex;flex-direction:column;gap:8px}.hbar-chart-compact{gap:7px}.hbar-row{display:flex;flex-direction:column;gap:4px}.hbar-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.hbar-label{color:#2a3150;font-size:.87rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-value{color:#0f172a;font-size:.85rem;font-weight:700;white-space:nowrap}.hbar-track{width:100%;height:10px;border-radius:999px;background:#edf1f8;overflow:hidden}.hbar-fill{display:block;height:100%;border-radius:inherit;background:#93c5fd}.hbar-fill.is-positive,.hbar-fill.is-green{background:#43a047}.hbar-fill.is-negative,.hbar-fill.is-red{background:#e53935}.hbar-fill.is-blue{background:#2563eb}.hbar-fill.is-slate{background:#64748b}.portfolio-mix-chart{display:flex;flex-direction:column;gap:10px}.mix-row{display:flex;flex-direction:column;gap:4px}.mix-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.87rem;color:#2d3550}.mix-row-head strong{font-size:.84rem;color:#0f172a}.mix-track{width:100%;height:10px;border-radius:999px;background:#edf1f8;overflow:hidden}.mix-fill{display:block;height:100%;border-radius:inherit}.mix-fill.is-green{background:#43a047}.mix-fill.is-blue{background:#2563eb}.mix-fill.is-red{background:#e53935}.mix-fill.is-slate{background:#64748b}.mix-detail{margin:0;color:#667085;font-size:.78rem}.margin-health-chart{display:flex;align-items:center;justify-content:center;min-height:152px}.margin-health-wrap{display:flex;align-items:center;justify-content:center;gap:14px}.margin-donut{--healthy: 50%;width:92px;height:92px;border-radius:50%;background:conic-gradient(#43a047 0 var(--healthy),#e53935 var(--healthy) 100%);position:relative}.margin-donut:after{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff}.margin-legend{display:flex;flex-direction:column;gap:8px}.margin-legend-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:.84rem;color:#334155}.margin-legend-row strong{font-weight:700;color:#0f172a}.dot{width:10px;height:10px;border-radius:50%}.dot.healthy{background:#43a047}.dot.risky{background:#e53935}.risk-projects-table{width:100%}.risk-table-wrap{width:100%;overflow-x:auto;border:1px solid #e8ecf5;border-radius:10px}.risk-table{width:100%;border-collapse:collapse;min-width:620px;background:#fff}.risk-table th,.risk-table td{padding:10px;border-bottom:1px solid #edf1f7;text-align:left;font-size:.85rem;color:#334155;vertical-align:middle}.risk-table th{background:#f8fafe;color:#344155;font-weight:700}.risk-project-link{display:inline-flex;align-items:center;gap:6px;color:#1f2937;text-decoration:none;font-weight:600}.risk-project-link:hover{text-decoration:underline}.risk-project-link .material-icons{font-size:16px;color:#64748b}.risk-table .is-positive{color:#2e7d32;font-weight:700}.risk-table .is-negative{color:#c62828;font-weight:700}.description-cta-btn{border-radius:8px!important;min-width:198px;height:42px;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;padding:0 14px!important}.description-cta-btn .material-icons{font-size:18px;line-height:1}.description-cta-btn.is-open{filter:brightness(.95)}.year-control{width:126px;margin:0 2px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}.year-control-label{font-size:.82rem;color:#7b8198;font-weight:600;line-height:1}.year-control input{margin:0;height:40px;line-height:40px;border:1px solid #d7dceb;border-radius:10px;background:#fff;padding:0 10px;font-size:1rem;font-weight:600;color:#1f2937;box-sizing:border-box}.year-control input:focus{outline:none;border-color:#ff59508f;box-shadow:0 0 0 3px #ff595026}.year-control input::-webkit-outer-spin-button,.year-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.year-control input[type=number]{-moz-appearance:textfield}.filter-summary{margin-top:8px;color:var(--justbit-muted);font-size:.86rem;min-height:1.2em}.report-table-fullwidth{margin-top:8px;--table-max-height: calc(100dvh - var(--report-sticky-top) - 20px)}.table-wrapper{width:100%;border:1px solid var(--border-color);border-radius:10px;background:#fff;overflow:auto;min-height:260px;height:max(260px,var(--table-max-height));max-height:max(260px,var(--table-max-height))}.cdg-report-table{width:max-content;min-width:100%;margin:0;border-collapse:separate;border-spacing:0;--header-main-height: 52px;--header-filter-height: 62px}.cdg-report-table th,.cdg-report-table td{border-bottom:1px solid #eef1f7;border-right:1px solid #f5f7fb;white-space:normal;word-break:break-word;overflow-wrap:anywhere;vertical-align:middle;padding:10px 12px;line-height:1.3}.cdg-report-table thead th{position:sticky;z-index:30;background-clip:padding-box}.cdg-report-table thead tr.header-main-row th{top:0;text-align:center;font-weight:700;box-shadow:0 1px #e6e9f3}.cdg-report-table thead tr.header-filter-row th{top:var(--header-main-height);text-align:center;vertical-align:middle}.cdg-report-table thead tr.header-description-row th{top:calc(var(--header-main-height) + var(--header-filter-height));font-weight:500;vertical-align:top}.sort-header-btn{all:unset;width:calc(100% - 10px);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#2f3348}.sort-header-btn.is-active{font-weight:700}.sort-header-label{white-space:normal;text-align:center;line-height:1.25}.sort-header-icon{font-size:18px;line-height:1}.col-resize-handle{position:absolute;top:0;right:-1px;width:10px;height:100%;cursor:col-resize;z-index:12}.col-resize-handle:after{display:none}.filter-cell{padding:8px!important}.column-filter-input{width:100%;min-width:130px;margin:0;height:34px;line-height:34px;border:1px solid rgba(44,52,74,.18);border-radius:8px;padding:0 10px;font-size:.88rem;color:#1f2937;background:#f8f9fc}.column-filter-date{min-width:150px;padding-right:6px}.column-filter-input:focus{outline:none;border-color:var(--report-button-color);box-shadow:0 0 0 1px #ff595033}.assignee-filter-control{position:relative;display:flex;flex-direction:column;gap:6px;align-items:stretch}.assignee-filter-selected{display:flex;flex-wrap:wrap;gap:6px}.assignee-filter-chip{border:0;border-radius:999px;padding:2px 8px;display:inline-flex;align-items:center;gap:4px;color:#1e293b;font-size:.76rem;font-weight:600;cursor:pointer}.assignee-filter-chip i.material-icons{font-size:14px}.assignee-filter-input{min-width:190px}.column-meta-formula{font-size:.74rem;font-weight:700;color:#2f3348;margin-bottom:4px;line-height:1.35}.column-meta-description{font-size:.72rem;color:var(--justbit-muted);line-height:1.35;white-space:normal;min-width:150px}.project-name-cell{font-weight:700}.project-name-content{display:flex;align-items:flex-start}.project-link{display:inline-flex;align-items:flex-start;gap:8px;color:#1e293b;text-decoration:none}.project-link:hover{text-decoration:underline}.project-link-icon{font-size:16px;color:#667085;margin-top:2px}.project-title-text,.budget-odv-value{font-weight:700}.assignee-chips{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;min-width:0}.assignee-chip{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-start;border-radius:999px;padding:4px 10px;color:#1e293b;font-size:.88rem;font-weight:700;line-height:1.3;text-align:left;white-space:nowrap;max-width:100%;width:fit-content;overflow:hidden;text-overflow:ellipsis}.sticky-col{position:sticky!important;left:0;z-index:8;background-clip:padding-box;box-shadow:2px 0 #eef1f7}.sticky-col-1{min-width:320px}.cdg-report-table thead .sticky-col{z-index:36}.cdg-report-table tbody .sticky-col{z-index:4}.legend-view{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:14px}.legend-header h5{margin:0;color:var(--justbit-dark)}.legend-header p{margin:6px 0 0;color:var(--justbit-muted)}.legend-accordion{margin-top:10px;display:flex;flex-direction:column;gap:8px}.legend-item{border:1px solid var(--border-color);border-radius:10px;background:#fafbff;overflow:hidden}.legend-summary{list-style:none;cursor:pointer;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.legend-summary::-webkit-details-marker{display:none}.legend-name{font-weight:700;color:#1f2937}.legend-id{font-size:.76rem;color:#334155;background:#e2e8f0;border-radius:8px;padding:2px 6px}.legend-content{padding:0 12px 10px}.legend-content p{margin:6px 0;color:#334155;white-space:normal;word-break:break-word}.legend-empty{color:var(--justbit-muted)}@media only screen and (max-width:992px){.page-title{display:none!important}.page-report .report-nav{align-items:stretch;flex-direction:column}.report-nav-actions{width:100%;justify-content:flex-start}.report-nav-actions .btn{flex:1 1 170px}.report-nav-actions .description-cta-btn{min-width:180px;flex:1 1 220px}.report-nav-actions .year-control{width:115px}.report-nav-actions{align-items:flex-end}.report-toolbar-title{max-width:100%;flex:1 1 100%}.assignee-chips{flex-wrap:wrap;min-width:0}.dashboard-chart-card.span-2{grid-column:auto}.dashboard-priority-grid{grid-template-columns:1fr}}@media only screen and (max-width:600px){.page-login .login-shell,.page-report .report-main{padding:10px;margin-top:0}.page-login .login-panel{padding:18px 14px}.page-login .login-panel h4{font-size:1.7rem}.page-login .login-subtitle{font-size:.92rem}.page-login .login-brand{gap:10px}.page-login .login-brand .logo{width:88px}.page-login .login-brand-title{font-size:1.5rem}.page-login .login-brand-subtitle{font-size:.96rem}.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-priority-card{padding:14px}.dashboard-priority-value{font-size:1.7rem}.dashboard-sync-state{width:100%;text-align:center}.side-nav-mini{width:52px}.side-nav-btn{width:36px;height:36px}.logout-popover{left:48px;width:156px}.page-report-content{margin-left:52px}.sticky-col-1{min-width:240px}.report-nav-actions{gap:8px}.description-cta-btn{min-width:100%;justify-content:center}.year-control{width:105px}}