@keyframes platform-dialog-panel-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.platform-dialog-panel-in{animation:.2s ease-out both platform-dialog-panel-in}@media (prefers-reduced-motion:reduce){.platform-dialog-panel-in{animation:none}}
:root{--ink:#172033;--muted:#667085;--line:#e5e7eb;--blue:#315efb;--mint:#e5fbf3;--amber:#fff4df;color:var(--ink);background:#f7f8fc;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.dashboard{max-width:1440px;margin:auto;padding:32px 46px 64px}.topbar,.panel-head,.metric,.summary,.hero,.controls,.composition div{align-items:center;display:flex}.topbar{justify-content:space-between}.eyebrow{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:32px}h2{letter-spacing:-.035em;margin-bottom:8px;font-size:22px}.controls{gap:12px}
button{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:11px 14px;font-weight:600}.status{color:#16895f;background:var(--mint);border-radius:999px;padding:9px 12px;font-size:13px}.source-note{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;margin:28px 0 18px;padding:12px 15px;font-size:13px}.source-note.warning{color:#85520a;background:#fff8e9;border-color:#f0c677}.dot{background:#16a36f;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.source-note.warning .dot{background:#d28b17}.hero{color:#fff;background:linear-gradient(114deg,#1f325f,#334ca0);border-radius:20px;gap:30px;min-height:230px;padding:30px 38px;overflow:hidden}.hero-intro{flex:1}.hero .eyebrow,.hero p{color:#c6d2ff}.hero h2{margin:0 0 14px;font-size:35px;line-height:1.05}
.money{color:var(--ink);background:#fff;border-radius:14px;gap:6px;min-width:250px;padding:23px 25px;display:grid}.money span,.money small{color:var(--muted);font-size:13px}.money strong{letter-spacing:-.05em;font-size:30px}.ring{background:conic-gradient(#75e6b9 0 91%, #ffffff30 91%);border-radius:50%;place-content:center;width:138px;height:138px;display:grid;position:relative}.ring:after{content:"";background:#30499a;border-radius:50%;position:absolute;inset:12px}.ring span{z-index:1;letter-spacing:-.07em;font-size:27px;font-weight:800}.ring small{font-size:14px}.summary{gap:14px;margin:18px 0}.summary article,.panel{border:1px solid var(--line);background:#fff;border-radius:15px}.summary article{flex:1;gap:6px;padding:19px 20px;display:grid}.summary span,.metric span,.composition span{color:var(--muted);font-size:12px}
.summary strong{letter-spacing:-.035em;font-size:22px}.summary small{color:var(--muted);font-size:12px}.positive{color:#0c9364}.workarea{grid-template-columns:minmax(0,1fr) 315px;gap:18px;display:grid}.panel{padding:23px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:17px}.panel-head h2{margin:0}.panel-head>span{color:var(--muted);font-size:13px}.metric{border-bottom:1px solid var(--line);gap:18px;padding:18px 0}.metric:last-child{border:0}.metric>div:not(.metric-title){gap:6px;width:96px;display:grid}.metric>div strong{white-space:nowrap;font-size:14px}.metric-title{align-items:center;gap:10px;width:190px;display:flex}.metric-title small{color:var(--muted);margin-top:4px;font-size:12px;display:block}
.state-icon{background:var(--mint);color:#0b875b;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:800;display:grid}.attention .state-icon{background:var(--amber);color:#a85d00}.attainment{width:130px}.attainment strong{color:#159267}.attention .attainment strong{color:#c66b00}.attainment i{background:#ecf0f6;border-radius:5px;height:5px;display:block;overflow:hidden}.attainment b{border-radius:inherit;background:#25b981;height:100%;display:block}.attention .attention b,.attention .attainment b{background:#e7a23a}.bonus{text-align:right}.side{align-content:start;gap:18px;display:grid}.focus{border-left:4px solid #f0b54e}.focus h2{margin-bottom:12px}.focus>strong{font-size:26px}.focus p{color:var(--muted);margin:14px 0 17px;font-size:14px;line-height:1.5}
.secondary{color:#2848bb;border-color:#cbd5ff;width:100%}.composition{gap:13px;display:grid}.composition div{justify-content:space-between}.composition .total{border-top:1px solid var(--line);margin-top:3px;padding-top:14px}.composition .total strong{font-size:20px}.unavailable{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:600px;margin:14vh auto;padding:36px}.unavailable a{color:var(--blue);font-weight:700}@media (max-width:900px){.dashboard{padding:24px}.workarea{grid-template-columns:1fr}.metric{grid-template-columns:1fr 1fr;display:grid}.metric-title{grid-column:1/-1;width:auto}.metric>div:not(.metric-title){width:auto}.bonus{text-align:left}.hero{flex-wrap:wrap}.ring{display:none}}
@media (max-width:600px){.dashboard{padding:18px}.topbar{flex-direction:column;align-items:flex-start;gap:14px}.summary{grid-template-columns:1fr;display:grid}.hero{padding:25px}.money{width:100%}.metric{gap:14px}.metric>div:not(.metric-title){min-width:0}.metric strong{text-overflow:ellipsis;overflow:hidden}.source-note{line-height:1.45}}

.topbar{gap:24px}.header-actions{align-items:center;gap:12px;display:flex}.period-picker{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:8px;padding:5px 7px 5px 12px;display:flex;box-shadow:0 1px 2px #1720330a}.period-picker span{color:var(--muted);font-size:12px;font-weight:700}.period-picker select{border:0;border-left:1px solid var(--line);min-width:158px;color:var(--ink);font:inherit;outline-offset:3px;background:0 0;padding:6px 25px 6px 10px;font-size:13px;font-weight:700}.attainment-visual{gap:5px;width:82px;display:grid}.attainment-value{align-items:baseline;gap:4px;display:flex}.attainment-value strong{color:#11976a;font-size:14px}.attainment-value em{color:#087454;white-space:nowrap;font-size:10px;font-style:normal;font-weight:800}.attainment-track{background:#e5eaf1;border-radius:99px;height:6px;overflow:hidden}
.attainment-track b{border-radius:inherit;background:#25b981;height:100%;display:block}.below-target .attainment-value strong{color:#b97313}.below-target .attainment-track b{background:#e7a23a}.no-data .attainment-value strong{color:var(--muted)}.bonus small{color:var(--muted);white-space:nowrap;font-size:11px}@media (max-width:1100px){.header-actions{flex-wrap:wrap;align-items:flex-start}.metric{grid-template-columns:minmax(145px,1.2fr) 92px repeat(4,minmax(75px,1fr));gap:13px;display:grid}.metric>div:not(.metric-title){width:auto}.attainment-visual{justify-self:center}}@media (max-width:600px){.header-actions,.period-picker{flex-wrap:wrap;width:100%}.period-picker select{flex:1}.metric{grid-template-columns:1fr 1fr}.metric-title{grid-column:1/-1}.attainment-visual{grid-column:1/-1;justify-self:start}}
.topbar{flex-wrap:wrap;row-gap:16px}.topbar h1{white-space:nowrap}.header-actions{margin-left:auto}.status{white-space:nowrap}

.dashboard-filters{align-items:center;gap:8px;display:flex}.filter-control{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:8px;padding:5px 7px 5px 11px;display:flex;box-shadow:0 1px 2px #1720330a}.filter-control span{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700}.filter-control select{border:0;border-left:1px solid var(--line);min-width:128px;color:var(--ink);font:inherit;outline-offset:3px;background:0 0;padding:6px 23px 6px 9px;font-size:13px;font-weight:700}.employee-filter select{min-width:162px}@media (max-width:1200px){.topbar{flex-direction:column;align-items:flex-start}.header-actions{justify-content:space-between;width:100%}}
@media (max-width:740px){.header-actions,.dashboard-filters{flex-wrap:wrap;align-items:stretch}.dashboard-filters{width:100%}.filter-control{flex:1}.filter-control select{flex:1;min-width:0}.status{align-self:center}}.refreshing{color:#2848bb;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.refreshing i{border:2px solid #b9c6ff;border-top-color:#315efb;border-radius:50%;width:13px;height:13px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.filter-control select:disabled{opacity:.6;cursor:wait}.metric{grid-template-columns:minmax(170px,1.3fr) minmax(130px,1fr) minmax(110px,.9fr) minmax(110px,.9fr) minmax(72px,.65fr) minmax(120px,.95fr);column-gap:22px;display:grid}.metric>div:not(.metric-title),.attainment-visual{width:auto}.attainment-track{max-width:150px}
@media (max-width:1100px){.metric{grid-template-columns:minmax(145px,1.2fr) minmax(105px,.9fr) repeat(4,minmax(75px,1fr));column-gap:13px}}.summary article{border:2px solid #bcc8fa;box-shadow:0 3px 12px #315efb0b}.summary article:first-child{background:linear-gradient(135deg,#fff 65%,#f2f5ff);border-color:#b9c6ff}.summary article:nth-child(2){background:linear-gradient(135deg,#fff 65%,#effbf6);border-color:#9bdcc7}.metric-panel{border:2px solid #aebffd;box-shadow:0 7px 20px #315efb0b}.metric-panel .panel-head{border-bottom-color:#cbd5ff}.summary .additional-bonus{background:linear-gradient(135deg,#fff 65%,#fff8e9);border-color:#f0c677}.summary .additional-bonus strong{color:#9a6209}.metrics-empty{color:var(--muted);margin:0;padding:24px 0;font-size:14px}.additional-kpi-panel{border-color:#f0c677;margin-top:18px}.additional-kpi-panel .panel-head>strong{color:#9a6209;font-size:22px}.additional-kpi-list{gap:0;display:grid}.additional-kpi-list div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 0;display:flex}.additional-kpi-list div:last-child{border-bottom:0}.additional-kpi-list span{color:var(--muted);font-size:14px}
.additional-kpi-list strong{font-size:18px}@media (max-width:600px){.additional-kpi-list div{padding:14px 0}.additional-kpi-panel .panel-head{align-items:flex-start;gap:10px}}

.ring{background:conic-gradient(#75e6b9 0 var(--ring-progress,0deg), #ffffff30 var(--ring-progress,0deg) 360deg)}.ring:after{z-index:0}.ring>small{z-index:1;color:#d8e1ff;text-align:center;text-transform:uppercase;margin:0;font-size:10px;font-weight:700;line-height:1.15}.ring span{z-index:1;font-size:24px;position:absolute;bottom:34px}.ring span small{display:none}
.ratio-card{background:#ffffff14;border:1px solid #ffffff52;border-radius:14px;align-content:center;align-self:stretch;gap:7px;width:176px;padding:22px 20px;display:grid}.ratio-card span{color:#d8e1ff;font-size:12px;font-weight:700}.ratio-card strong{letter-spacing:-.05em;color:#fff;font-size:29px}.ratio-card i{background:#ffffff32;border-radius:99px;height:7px;display:block;overflow:hidden}.ratio-card b{border-radius:inherit;background:#75e6b9;height:100%;display:block}@media (max-width:900px){.ratio-card{width:100%;min-height:110px}}
.profile-empty{background:#fff;border:2px solid #b9c6ff;border-radius:20px;max-width:680px;margin:14vh auto;padding:42px;box-shadow:0 12px 35px #315efb12}.profile-empty h1{margin:0 0 18px;font-size:32px}.profile-empty p:not(.eyebrow){max-width:570px;color:var(--muted);margin:0 0 12px;line-height:1.6}@media (max-width:700px){.profile-empty{margin:72px 18px;padding:30px}.profile-empty h1{font-size:27px}}