*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cl-red:#f75454;--cl-navy:#1b1f3b;--cl-violet:#9473ff;--cl-dark-purple:#533e96;--cl-blue:#4583ff;--cl-teal:#2ff7e0;--cl-green:#3ad994;--cl-orange:#f7822f;--cl-purple:#9473ff;--bg:#f4f5fb;--surface:#fff;--surface2:#eef0fa;--border:#dde0f0;--text:#1b1f3b;--muted:#6b7280;--white:#fff;--green:#3ad994;--yellow:#f7822f;--red:#f75454;--radius:12px;--shadow:0 1px 4px #1b1f3b14}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}.app{min-height:100vh}.header{background:var(--cl-dark-purple);z-index:100;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 14px #00000038}.logo{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-divider{color:#ffffff40;font-size:16px;font-weight:200}.header-title{color:#ffffffe0;letter-spacing:.2px;white-space:nowrap;font-size:13px;font-weight:600}.tab-nav-inline{flex:auto;justify-content:center;gap:2px;display:flex}.tab-btn-inline{cursor:pointer;color:#ffffff80;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 13px;font-size:13px;font-weight:400;transition:all .15s;display:flex}.tab-btn-inline:hover{color:#ffffffd9;background:#ffffff12}.tab-btn-inline.active{color:#fff;background:#9473ff47;font-weight:600}.header-filters{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.main{padding:16px}.scorecard-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.scorecard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden}.scorecard:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.scorecard.green:before{background:var(--green)}.scorecard.yellow:before{background:var(--yellow)}.scorecard.red:before{background:var(--red)}.scorecard.neutral:before{background:var(--cl-purple)}.scorecard.na:before{background:var(--border)}.scorecard .label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px}.scorecard .value{letter-spacing:-1px;color:var(--text);font-size:30px;font-weight:700;line-height:1}.scorecard .value .unit{color:var(--muted);margin-left:2px;font-size:16px;font-weight:400}.scorecard .sub{color:var(--muted);margin-top:6px;font-size:12px}.charts-grid{grid-template-columns:1fr;gap:14px;margin-bottom:20px;display:grid}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.chart-card h3{color:var(--text);font-size:14px;font-weight:600}.chart-card .chart-sub{color:var(--muted);margin-top:2px;margin-bottom:16px;font-size:12px}.kpi-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.kpi-table-wrap table{border-collapse:collapse;width:100%}.kpi-table-wrap thead{background:var(--cl-dark-purple)}.kpi-table-wrap th{text-align:left;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;padding:13px 20px;font-size:11px;font-weight:600}.kpi-table-wrap td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 20px}.kpi-table-wrap tr:last-child td{border-bottom:none}.kpi-table-wrap tr:hover td{background:var(--surface2)}.kpi-name{color:var(--text);font-weight:600}.kpi-desc{color:var(--muted);margin-top:2px;font-size:12px}.kpi-value-big{color:var(--text);font-size:20px;font-weight:700}.kpi-value-big .unit{color:var(--muted);font-size:13px;font-weight:400}.kpi-source-tag{background:var(--surface2);color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.status-pill{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pill.green{color:#1a9e68;background:#3ad9941f}.status-pill.yellow{color:#c45e0a;background:#f7822f1f}.status-pill.red{color:#c42020;background:#f754541f}.status-pill.na{background:var(--surface2);color:var(--muted)}.status-pill:before{content:"●";font-size:8px}.benchmark-bar-wrap{width:110px}.period-select{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;padding:6px 28px 6px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.period-select:focus{border-color:var(--cl-violet);outline:none}.target-tooltip-wrap{align-items:center;display:inline-flex}.target-tooltip-icon{color:var(--muted);cursor:help;-webkit-user-select:none;user-select:none;font-size:12px;transition:color .15s}.target-tooltip-icon:hover{color:var(--cl-violet)}.benchmark-bar-bg{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.benchmark-bar-fill{border-radius:3px;height:100%}.empty-state{text-align:center;color:var(--muted);padding:60px 20px}.loading{height:60vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--cl-purple);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer-note{color:var(--muted);text-align:center;margin-top:28px;padding-bottom:32px;font-size:11px}@media (width>=640px){.main{padding:20px 24px}.scorecard-grid{grid-template-columns:repeat(3,1fr);gap:14px}.charts-grid{grid-template-columns:repeat(2,1fr);gap:18px}.header{flex-wrap:nowrap;padding:12px 28px}}@media (width>=1024px){.main{padding:24px 32px}.scorecard-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.charts-grid{gap:20px;margin-bottom:28px}.header{padding:12px 32px}.header-title{font-size:14px}}@media (width<=639px){.tab-nav-inline{order:2;justify-content:flex-start;width:100%;overflow-x:auto}.header-filters{order:3;width:100%}.logo{order:1}.header{flex-wrap:wrap;gap:8px;padding:10px 14px}}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(350%)}}.kpi-table-wrap{overflow-x:auto}.weekly-cards{display:block}.weekly-table-wrap{display:none}@media (width>=600px){.weekly-cards{display:none}.weekly-table-wrap{display:block}}