html,body,#root{min-height:100%}html{background:var(--ds-color-canvas)}body{background:var(--ds-color-canvas);color:var(--ds-color-text);font-family:var(--ds-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*{box-sizing:border-box}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.kpi-report-workspace{--kpi-report-border:#0f172a14;--kpi-report-shadow:0 10px 24px #0f172a0f;color:#111827}.kpi-report-toolbar{z-index:4;border:1px solid var(--kpi-report-border);box-shadow:var(--kpi-report-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:16px;margin:-4px -4px 0;padding:10px;position:sticky;top:0}.kpi-report-tabs,.kpi-period-controls{min-width:0}.kpi-report-panel,.kpi-review-stack{padding-bottom:4px}.kpi-summary-card,.kpi-detail-table,.kpi-review-command{box-shadow:var(--kpi-report-shadow)}.kpi-summary-card{border-radius:12px!important}.kpi-metric-strip{scroll-snap-type:x proximity}.kpi-metric-strip>*{scroll-snap-align:start}.kpi-action-cluster{align-self:stretch;align-items:center}.kpi-report-panel>.flex.flex-wrap.items-end.gap-3:first-child{flex-wrap:nowrap;align-items:center}.kpi-report-panel>.flex.flex-wrap.items-end.gap-3:first-child .kpi-metric-strip{flex:auto}.kpi-report-panel>.flex.flex-wrap.items-end.gap-3:first-child .kpi-action-cluster{flex:none}.kpi-review-command{border:1px solid var(--kpi-report-border);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.kpi-review-command-main{flex:1;justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.kpi-review-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;font-size:11px;font-weight:700}.kpi-review-title{color:#111827;margin-top:2px;font-size:14px;font-weight:700}.kpi-review-counts{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.kpi-review-tile{appearance:none;text-align:left;cursor:pointer;border:1px solid color-mix(in srgb, var(--tile-color,#64748b) 26%, transparent);background:color-mix(in srgb, var(--tile-color,#64748b) 9%, #fff);border-radius:10px;gap:2px;min-width:86px;padding:8px 10px;display:grid}.kpi-review-tile-active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tile-color,#64748b) 42%, transparent), 0 8px 18px color-mix(in srgb, var(--tile-color,#64748b) 12%, transparent)}.kpi-review-tile-muted{--tile-color:#64748b;background:#0f172a09}.kpi-review-tile-label{color:#64748b;white-space:nowrap;font-size:11px;font-weight:650}.kpi-review-tile strong{color:#0f172a;font-size:18px;line-height:1.1}.kpi-review-save-all{flex-shrink:0}.kpi-team-table-wrapper{background:#f8fafc;border-radius:16px;flex-direction:column;gap:12px;padding:12px;display:flex;overflow-x:auto}.kpi-team-table-wrapper>.kpi-team-header-scroll{border:1px solid var(--kpi-report-border);background:#fff;border-radius:14px}.kpi-team-header-content{grid-template-columns:34px 176px 280px 360px 300px 132px 176px 96px 96px 230px;gap:12px;padding:0 14px;background:#fff!important;border-bottom:0!important;width:1680px!important;min-width:0!important;display:grid!important}.kpi-team-header-content>div{width:auto!important;min-width:0!important;max-width:none!important;padding:10px 0!important}.kpi-team-header-content>div:nth-child(n+2):not(:last-child){display:block!important}.kpi-team-header-content>div:first-child{padding:10px 0!important}.kpi-team-header-content>div:last-child{flex:initial;padding:10px 0!important}.kpi-team-rows{gap:12px;min-width:1680px;display:grid}.kpi-team-row-scroll{overflow:visible!important}.kpi-team-row-content{border:1px solid var(--kpi-report-border);border-radius:14px;grid-template-columns:34px 176px 280px 360px 300px 132px 176px 96px 96px 230px;gap:12px;width:1680px;min-width:1680px;min-height:0;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:0 8px 18px #0f172a0b;border-bottom:1px solid var(--kpi-report-border)!important;background:#fff!important;align-items:stretch!important;display:grid!important}.kpi-team-row-content:hover{border-color:#3b82f63d;transform:translateY(-1px);box-shadow:0 12px 24px #0f172a13}.kpi-team-row-content>div{position:relative;white-space:normal!important;width:auto!important;min-width:0!important;max-width:none!important;padding:0!important}.kpi-team-row-content>div:before{content:none!important}.kpi-team-row-content>div:first-child:before{content:""}.kpi-team-row-content>div:nth-child(2):before{content:"Thành viên"}.kpi-team-row-content>div:nth-child(3):before{content:"Task"}.kpi-team-row-content>div:nth-child(4):before{content:"KPI"}.kpi-team-row-content>div:nth-child(5):before{content:"Ghi chú"}.kpi-team-row-content>div:nth-child(6):before{content:"Task status"}.kpi-team-row-content>div:nth-child(7):before{content:"Duyệt"}.kpi-team-row-content>div:nth-child(8):before{content:"Tạm tính"}.kpi-team-row-content>div:nth-child(9):before{content:"Cuối"}.kpi-team-row-content>div:nth-child(10):before{content:"Hành động"}.kpi-team-row-content>div:first-child{justify-content:center;display:flex;align-items:center!important;padding-top:0!important}.kpi-team-row-content>div:nth-child(2){align-items:flex-start!important}.kpi-team-row-content>div:nth-child(2)>div:last-child{flex-direction:column;align-items:flex-start!important;gap:0!important}.kpi-team-row-content>div:nth-child(3),.kpi-team-row-content>div:nth-child(4),.kpi-team-row-content>div:nth-child(5){line-height:1.45}.kpi-team-row-content>div:nth-child(3),.kpi-team-row-content>div:nth-child(5){color:#334155!important}.kpi-team-row-content>div:nth-child(5) span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal!important;overflow:hidden!important}.kpi-team-row-content>div:nth-child(8),.kpi-team-row-content>div:nth-child(9){color:#0f172a;background:#f8fafc;border-radius:10px;justify-content:center;align-items:center;display:flex;font-size:18px!important}.kpi-team-row-content>div:nth-child(10)>div{justify-content:flex-start!important}.kpi-team-row-content button,.kpi-team-row-content select,.kpi-team-row-content input{min-height:34px}.kpi-team-row-content button[aria-label]{min-height:32px}.kpi-report-workspace .inline-flex.items-stretch.gap-3>.flex.items-center.gap-3.rounded-2xl{min-width:248px!important;padding:12px 14px 14px!important}.kpi-report-workspace .inline-flex.items-stretch.gap-3>.flex.items-center.gap-3.rounded-2xl>button{order:20;align-self:center;margin-top:6px;margin-left:auto;position:static!important}.kpi-detail-table{overflow:auto!important}.kpi-detail-table>div{max-height:none!important;overflow:visible!important}.kpi-detail-table table{border-spacing:0;display:grid;border-collapse:separate!important;width:1880px!important;min-width:1880px!important}.kpi-detail-table thead,.kpi-detail-table tbody,.kpi-detail-table tr{display:contents}.kpi-detail-table th,.kpi-detail-table td{display:block;white-space:normal!important;width:auto!important;min-width:0!important;max-width:none!important}.kpi-detail-table thead tr,.kpi-detail-table tbody tr{grid-column:1/-1;grid-template-columns:132px 340px 260px 144px 144px 260px 136px 116px 250px 148px 112px 170px;display:grid}.kpi-detail-table tbody tr{border:1px solid var(--kpi-report-border);background:#fff;border-radius:14px;margin:0 12px 12px;overflow:hidden;box-shadow:0 8px 18px #0f172a0b}.kpi-detail-table tbody tr:first-child{margin-top:12px}.kpi-detail-table tbody td{align-content:center;min-height:54px;border-bottom:0!important}.kpi-detail-table tbody td:nth-child(8),.kpi-detail-table tbody td:nth-child(11){text-align:center;background:#f8fafc;border-radius:10px;min-height:38px;margin:8px}.bo-report-tracking{color:#111827}.bo-report-tracking>.grid{background:#fff;border:1px solid #0f172a14;border-radius:18px;padding:16px;box-shadow:0 10px 24px #0f172a0d;gap:12px!important}.bo-report-tracking>.grid>div:first-child{color:#0f172a;justify-content:space-between;align-items:center;min-height:32px;padding-bottom:2px;display:flex}.bo-report-tracking .rounded-2xl{background:#f8fafc!important;border-color:#0f172a14!important;border-radius:14px!important}.bo-report-tracking table{border-collapse:separate!important;border-spacing:0 8px!important}.bo-report-tracking thead th{letter-spacing:.04em;text-transform:uppercase;background:#eef2f7;color:#475569!important;padding:12px 14px!important;font-size:11px!important;font-weight:800!important}.bo-report-tracking thead th:first-child{border-radius:12px 0 0 12px}.bo-report-tracking thead th:last-child{border-radius:0 12px 12px 0}.bo-report-tracking tbody tr{box-shadow:inset 0 0 0 1px #0f172a14;background:#fff!important}.bo-report-tracking tbody td{color:#334155;vertical-align:middle;padding:12px 14px!important;font-size:12px!important}.bo-report-tracking tbody td:first-child{color:#0f172a;border-radius:12px 0 0 12px;font-weight:700}.bo-report-tracking tbody td:last-child{border-radius:0 12px 12px 0}.bo-report-tracking-member-report-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:min(62vh,720px);display:block;max-height:min(62vh,720px)!important;overflow:auto!important}.bo-report-tracking-member-report-scroll thead th{z-index:2;position:sticky;top:0}@media (width<=900px){.kpi-report-toolbar{position:relative}.kpi-review-command,.kpi-review-command-main{flex-direction:column;align-items:stretch}.kpi-review-counts{justify-content:flex-start}.kpi-review-save-all{justify-content:center;width:100%}.kpi-report-panel>.flex.flex-wrap.items-end.gap-3:first-child{flex-wrap:wrap}.kpi-team-table-wrapper{padding:10px}.kpi-team-header-content{min-width:0!important}.kpi-team-row-content{grid-template-columns:32px 1fr;min-width:0}.kpi-team-row-content>div:nth-child(n+3){grid-column:1/-1}.kpi-team-row-content>div:nth-child(8),.kpi-team-row-content>div:nth-child(9){grid-column:auto;justify-content:flex-start;padding-left:12px!important}.kpi-detail-table table{width:100%!important;min-width:0!important}.kpi-detail-table thead{display:none}.kpi-detail-table tbody,.kpi-detail-table tr{display:block}.kpi-detail-table tbody tr{grid-template-columns:1fr;margin:0 10px 10px;display:grid}}