:root{color-scheme:light;--op-green:#00843d;--op-green-dark:#006b35;--op-green-soft:#e8f6ee;--op-blue-dark:#0f3654;--op-blue-soft:#e8f2f8;--op-ink:#102033;--op-muted:#607080;--op-line:#dce7e1;--op-surface:#f8fbf9;--op-surface-strong:#edf5f0;--op-yellow:#f4b400;--op-red:#c24132;--shadow-card:0 16px 38px rgba(16,32,51,0.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(0,132,61,.16),transparent 30rem),linear-gradient(135deg,#f8fbf9,#edf5f0 46%,#fff);color:var(--op-ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.app-shell{display:grid;min-height:100vh;grid-template-columns:1fr}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(0,132,61,.18);background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(16,32,51,.08);padding:16px}.brand-logo-card{display:inline-flex;align-items:center;max-width:min(100%,280px);border-radius:16px;background:#fff;padding:8px 10px;text-decoration:none}.office-pride-logo{display:block;width:min(250px,66vw);max-width:100%;height:auto}.sidebar-copy{margin:16px 0}.sidebar-caption{margin:10px 0 0;color:var(--op-muted);font-size:.86rem;line-height:1.45}.app-nav{display:flex;flex-wrap:wrap;gap:8px}.app-nav-link{border:1px solid var(--op-line);border-radius:999px;background:#fff;color:var(--op-blue-dark);padding:9px 12px;text-decoration:none;font-size:.86rem;font-weight:800}.app-nav-link-active,.app-nav-link:hover{border-color:rgba(0,132,61,.35);background:var(--op-green-soft);color:var(--op-green-dark)}.sidebar-footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.sidebar-project{color:var(--op-muted);font-size:.78rem;font-weight:800}.app-main{min-width:0;padding:28px 20px 52px}.app-topbar{display:grid;grid-template-columns:1fr;grid-gap:18px;gap:18px;align-items:end;margin:0 auto 24px;max-width:1240px}.dashboard-shell{min-height:100vh;padding:28px 20px 52px}.app-main>*,.dashboard-container{margin-left:auto;margin-right:auto;max-width:1240px}.page-intro{margin-bottom:22px}.data-source-pill,.portal-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.portal-pill{margin:0;background:var(--op-green);color:#fff}.data-source-pill{border:1px solid var(--op-line);background:#fff;color:var(--op-muted)}.eyebrow{margin:0 0 10px;color:var(--op-green-dark);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:16px;max-width:920px;font-size:clamp(2.15rem,5.8vw,4.35rem);line-height:.98;letter-spacing:-.06em}h1,h2{color:var(--op-blue-dark)}h2{margin-bottom:0;font-size:clamp(1.35rem,2vw,1.9rem);letter-spacing:-.035em}h3{margin-bottom:8px;color:var(--op-ink);font-size:1rem;line-height:1.25}.subtle-copy{margin-bottom:0;max-width:820px;color:var(--op-muted);font-size:1.02rem;line-height:1.7}.app-masthead{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:30px;border:1px solid rgba(0,132,61,.18);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(16,32,51,.08);padding:18px}.masthead-meta{display:flex;flex-wrap:wrap;gap:10px}.customer-card,.customer-hero,.customer-list-card,.header-status-card,.metric-card,.status-panel{border:1px solid var(--op-line);background:linear-gradient(180deg,#fff,#f8fbf9);box-shadow:var(--shadow-card)}.header-status-card{border-radius:24px;padding:20px}.header-date{margin:8px 0 4px;color:var(--op-green-dark);font-size:1.8rem;font-weight:900;letter-spacing:-.04em}.status-row{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;margin-bottom:20px}.status-panel{display:flex;min-height:84px;flex-direction:column;justify-content:space-between;border-radius:20px;padding:18px}.status{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;border:1px solid #cbd5e1;border-radius:999px;padding:6px 10px;background:#f8fafc;color:#475569;font-size:.78rem;font-weight:850;letter-spacing:.03em;text-transform:uppercase}.status-green{border-color:rgba(0,132,61,.24);background:var(--op-green-soft);color:var(--op-green-dark)}.status-yellow{border-color:rgba(244,180,0,.34);background:#fff8df;color:#8a6200}.status-red{border-color:rgba(194,65,50,.28);background:#fff1ee;color:var(--op-red)}.metric-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;margin:20px auto 34px}.metric-grid-compact{margin-top:0}.metric-card{min-height:140px;border-radius:24px;padding:20px}.metric-label{margin:0;color:var(--op-muted);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.metric-value{margin:18px 0 8px;color:var(--op-blue-dark);font-size:clamp(1.85rem,4vw,3rem);font-weight:900;letter-spacing:-.06em}.metric-helper,.section-note{margin:0;color:var(--op-muted);font-size:.88rem;line-height:1.45}.dashboard-section{margin:26px auto 0;overflow:hidden;border:1px solid var(--op-line);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:0 18px 44px rgba(16,32,51,.08)}.section-heading{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;align-items:end;border-bottom:1px solid var(--op-line);background:linear-gradient(90deg,#fff,var(--op-surface-strong));padding:22px}.table-wrap{overflow-x:auto}table{width:100%;min-width:920px;border-collapse:collapse;background:#fff}td,th{border-bottom:1px solid #edf2ef;padding:14px 18px;text-align:left;vertical-align:middle}th{color:var(--op-green-dark);font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}td{color:#334155;font-size:.92rem}tr:hover td{background:#fbfdfb}.num{text-align:right;white-space:nowrap}.table-link{color:var(--op-green-dark);font-weight:900;text-decoration:none}.table-link:hover{text-decoration:underline}.customer-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;padding:18px}.customer-card{display:flex;min-height:132px;flex-direction:column;justify-content:space-between;border-radius:20px;padding:18px;text-decoration:none}.customer-card:hover,.customer-list-card:hover{border-color:rgba(0,132,61,.38);transform:translateY(-1px)}.customer-card-footer{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:18px;color:var(--op-blue-dark);font-weight:900}.customer-list{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;padding:18px}.customer-list-card{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;border-radius:20px;padding:18px;text-decoration:none;transition:transform .14s ease,border-color .14s ease}.customer-list-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;color:var(--op-blue-dark)}.customer-hero{display:grid;grid-template-columns:1fr;grid-gap:18px;gap:18px;align-items:center;border-radius:28px;padding:24px;margin-bottom:18px}.breadcrumb-row{margin:0 auto 16px;color:var(--op-green-dark);font-weight:850}.breadcrumb-row a{text-decoration:none}.detail-tab-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 auto 18px}.detail-tab-bar a{border:1px solid var(--op-line);border-radius:999px;background:#fff;color:var(--op-blue-dark);padding:9px 12px;text-decoration:none;font-size:.86rem;font-weight:850}.detail-tab-bar a:hover{border-color:rgba(0,132,61,.35);background:var(--op-green-soft);color:var(--op-green-dark)}.record-summary{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;margin:0;padding:18px;background:#fff}.record-summary-item{border:1px solid var(--op-line);border-radius:16px;padding:14px;background:var(--op-surface)}.record-summary-item dt{margin-bottom:6px;color:var(--op-muted);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.record-summary-item dd{margin:0;color:var(--op-blue-dark);font-weight:850;overflow-wrap:anywhere}.empty-state,.inline-error{margin:18px;border-radius:18px;padding:16px}.inline-error{display:grid;grid-gap:8px;gap:8px;border:1px solid rgba(194,65,50,.28);background:#fff1ee;color:var(--op-red)}.inline-error span{overflow-wrap:anywhere;font-size:.82rem}.empty-state{border:1px dashed var(--op-line);background:#fff;color:var(--op-muted)}.error-box{margin-top:24px;overflow-x:auto;border:1px solid rgba(194,65,50,.28);border-radius:18px;background:#fff1ee;padding:18px;color:var(--op-red);white-space:pre-wrap}.portfolio-dashboard{display:grid;grid-gap:18px;gap:18px;max-width:100%}.portfolio-title-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between}.portfolio-title-row h2{color:#111827;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em}.portfolio-title-row p{margin:6px 0 0;color:#6b7280;font-size:1.05rem}.filter-chip,.period-chip,.period-custom-form button,.portfolio-refresh{border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#1f2937;font-weight:800;text-decoration:none}.portfolio-refresh{padding:12px 18px;box-shadow:0 3px 12px rgba(15,23,42,.06)}.portfolio-kpi-card,.portfolio-panel,.reporting-period-card{border:1px solid #e5e7eb;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 2px 10px rgba(15,23,42,.08)}.reporting-period-card{display:grid;grid-gap:16px;gap:16px;padding:20px}.reporting-period-card h3{margin:0 0 4px;font-size:1.2rem}.reporting-period-card p{margin:0;color:#6b7280}.period-control-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.period-chip{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;color:#6b7280}.period-chip.active{background:#111827;color:#fff}.period-custom-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.period-custom-form label{display:inline-flex;gap:8px;align-items:center;color:#6b7280;font-weight:800}.period-custom-form input{border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;font:inherit}.period-custom-form button{padding:9px 14px}.portfolio-kpi-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}.portfolio-kpi-card{min-height:136px;padding:20px}.portfolio-kpi-topline{display:flex;gap:12px;align-items:center;justify-content:space-between;color:#6b7280;font-size:.86rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.portfolio-kpi-value{margin:16px 0 6px;color:#111827;font-size:clamp(2rem,5vw,3rem);font-weight:950;letter-spacing:-.06em}.portfolio-kpi-helper{margin:0;color:#6b7280;line-height:1.45}.portfolio-pill{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:900;white-space:nowrap}.portfolio-pill-green{border:1px solid #a7f3d0;background:#d1fae5;color:#047857}.portfolio-pill-yellow{border:1px solid #fde68a;background:#fef3c7;color:#92400e}.portfolio-pill-red{border:1px solid #fecdd3;background:#ffe4e6;color:#9f1239}.portfolio-pill-blue{border:1px solid #e5edf7;background:#f1f5f9;color:#334155}.portfolio-pill-gray{border:1px solid #e5e7eb;background:#f3f4f6;color:#6b7280}.portfolio-card-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}.portfolio-panel{overflow:hidden}.portfolio-panel-wide{width:100%}.portfolio-panel-heading{padding:18px 22px 8px}.portfolio-panel-heading-row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.portfolio-panel-heading h2{color:#111827;font-size:1.25rem}.portfolio-panel-heading p{margin:6px 0 0;color:#6b7280}.portfolio-panel-heading strong{color:#6b7280}.portfolio-bar-list{display:grid;grid-gap:18px;gap:18px;padding:20px 28px 28px}.portfolio-bar-row-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#2f3541;font-size:1rem}.portfolio-bar-row-head strong{color:#6b7280}.portfolio-bar-track{height:8px;overflow:hidden;border-radius:999px;background:#f3f4f6}.portfolio-bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7dd3fc,#86efac)}.portfolio-signal-list{display:grid;grid-gap:18px;gap:18px;padding:20px 28px 28px}.portfolio-signal-list div{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:4px 12px;gap:4px 12px;align-items:center}.portfolio-signal-list span{color:#111827;font-weight:850}.portfolio-signal-list p{grid-column:1/-1;margin:0;color:#6b7280}.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px;padding:24px 28px 30px}.qr-grid div{border-radius:12px;padding:8px}.qr-grid span{display:block;margin-bottom:8px;color:#6b7280;font-size:.82rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.qr-grid strong{color:#111827;font-size:2rem;font-weight:950;letter-spacing:-.05em}.qr-grid p{margin:6px 0 0;color:#6b7280}.qr-alert{background:#f4f4f5}.portfolio-rag-red{color:#e11d48;font-weight:900}.portfolio-rag-yellow{color:#d97706;font-weight:900}.portfolio-rag-green{color:#059669;font-weight:900}.portfolio-filter-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:18px 22px}.portfolio-search-wrap{display:flex;align-items:center;min-width:min(100%,380px);border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:0 12px}.portfolio-search-wrap span{color:#6b7280;font-size:1.3rem}.portfolio-search-wrap input{width:100%;border:none;outline:none;padding:13px 10px;font:inherit}.portfolio-filter-toolbar p{margin:0;color:#6b7280}.portfolio-filter-groups{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;padding:0 22px 18px}.filter-group{border:1px solid #e5e7eb;border-radius:12px;padding:12px}.filter-group strong{display:block;margin-bottom:10px;color:#6b7280;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.filter-group div{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{display:inline-flex;align-items:center;cursor:pointer;padding:8px 12px;color:#6b7280}.filter-chip.active{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.portfolio-table-heading-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;border-top:1px solid #e5e7eb;padding:16px 22px}.portfolio-table-heading-row h3{margin:0;font-size:1.05rem}.portfolio-table-heading-row p{margin:0;color:#6b7280}.portfolio-table-wrap{overflow-x:auto}.portfolio-customer-table,.portfolio-inspector-table{min-width:1320px;border-collapse:collapse}.portfolio-customer-table th,.portfolio-inspector-table th{color:#6b7280;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.portfolio-customer-table th a{display:inline-flex;gap:6px;align-items:center;color:inherit;text-decoration:none}.portfolio-customer-table td,.portfolio-inspector-table td{padding:18px 22px;border-top:1px solid #e5e7eb;color:#111827;font-size:1rem}.portfolio-customer-table tbody tr:hover td{background:#f9fafb}.customer-name-cell{display:grid;grid-template-columns:auto minmax(220px,1fr);grid-gap:12px;gap:12px;align-items:center;color:inherit;text-decoration:none}.customer-name-cell strong,.numeric-stack strong,.portfolio-inspector-table td strong,.stacked-cell strong{display:block;color:#111827;font-size:1.05rem}.customer-name-cell small,.numeric-stack span,.portfolio-inspector-table td span,.stacked-cell span,.table-subline{display:block;margin-top:4px;color:#6b7280}.customer-building-icon{color:#6b7280;font-size:1.2rem}.numeric-stack{display:grid;grid-gap:4px;gap:4px;justify-items:start;min-width:104px}.text-danger{color:#e11d48!important;font-weight:900}.attention-chip-list{display:flex;flex-wrap:wrap;gap:6px;min-width:210px}.attention-chip-list span{border-radius:999px;background:#f4f4f5;color:#6b7280;padding:6px 10px;font-size:.8rem;font-weight:850}.row-arrow{color:#6b7280;font-size:2rem;text-decoration:none}.portfolio-inspector-table td:first-child{min-width:240px}.portfolio-pagination-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;border-top:1px solid #e5e7eb;padding:16px 22px}.portfolio-pagination-row div{display:flex;flex-wrap:wrap;gap:8px}.portfolio-pagination-row span{color:#6b7280}.portfolio-error-stack{display:grid;grid-gap:10px;gap:10px}.portfolio-error-stack .inline-error{margin:0}@media (min-width:760px){.app-masthead{flex-direction:row;align-items:center}.status-row{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{grid-template-columns:minmax(0,1fr) minmax(220px,360px)}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-list-card{grid-template-columns:minmax(0,1fr) 260px;align-items:center}.customer-hero{grid-template-columns:minmax(0,1fr) auto}.portfolio-card-grid-two,.portfolio-kpi-grid,.record-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-filter-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1080px){.app-shell{grid-template-columns:300px minmax(0,1fr)}.app-sidebar{min-height:100vh;border-right:1px solid rgba(0,132,61,.18);border-bottom:none}.app-nav{display:grid}.app-main{padding:34px 30px 64px}.app-main>*,.dashboard-container{max-width:1680px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.portfolio-card-grid-three,.portfolio-kpi-grid,.record-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-filter-groups{grid-template-columns:repeat(4,minmax(0,1fr))}}