.bi-kpi-frame,.bi-kpi-reference{position:relative;width:100%;box-sizing:border-box;overflow:hidden;color:#dbece9;background:#001d26;font:400 12px/1.35 'Segoe UI',sans-serif}
:is(.bi-kpi-frame,.bi-kpi-reference,.bi-kpi-dialog) *{box-sizing:border-box}
:is(.bi-kpi-frame,.bi-kpi-reference,.bi-kpi-dialog) :is(h2,h3,h4,h5,p,dl,dd){margin:0;padding:0;font-family:'Segoe UI',sans-serif}
:is(.bi-kpi-frame,.bi-kpi-reference,.bi-kpi-dialog) button{font-family:'Segoe UI',sans-serif;letter-spacing:0;text-transform:none;line-height:1.35;min-height:0;max-width:none;margin:0;cursor:pointer;color:inherit;box-shadow:none}
:is(.bi-kpi-frame,.bi-kpi-reference) button{border:0;background:none;padding:0;text-align:left;font-size:inherit}
:is(.bi-kpi-frame,.bi-kpi-reference,.bi-kpi-dialog) button:focus-visible,:is(.bi-kpi-frame,.bi-kpi-reference,.bi-kpi-dialog) :is(select,input,textarea):focus-visible{outline:2px solid #e5cf88;outline-offset:2px}
:is(.bi-kpi-frame,.bi-kpi-reference,.bi-kpi-dialog) button:disabled{cursor:default;opacity:.42}
:is(.bi-kpi-frame,.bi-kpi-reference) .bk-board{position:relative;width:1280px;height:620px;overflow:hidden;margin:0 auto;font-family:'Segoe UI',sans-serif}
:is(.bi-kpi-frame,.bi-kpi-reference,.bi-kpi-dialog) .bk-icon{width:20px;height:20px;display:inline-block;flex:none;vertical-align:middle;color:inherit}
.bi-kpi-frame .bk-dashboard-board{padding:12px 14px;background:radial-gradient(ellipse at 24% 35%,#0e51473b,transparent 70%),#001d27}
.bi-kpi-frame .bk-dashboard-title{position:absolute;top:10px;left:16px;right:16px;display:flex;align-items:center;gap:10px;height:48px}
.bi-kpi-frame .bk-dashboard-title>.bk-icon{width:35px;height:35px;color:#9fb9c0}
.bi-kpi-frame .bk-dashboard-title h2,.bi-kpi-reference .bk-story-intro h2{font:650 28px/36px 'Segoe UI',sans-serif;letter-spacing:.1px;color:#f0f3ed}
.bi-kpi-frame .bk-dashboard-title p{font-size:11px;color:#b5cdd1;margin-top:2px}
.bi-kpi-frame .bk-dashboard-title>button{margin-left:auto;display:flex;align-items:center;border:1px solid #22505a;border-radius:6px;padding:9px 12px;font-size:11px;background:#001b24}
.bi-kpi-frame .bk-dashboard-left{position:absolute;left:14px;top:72px;width:892px;bottom:12px}
.bi-kpi-frame .bk-dashboard-right{position:absolute;right:14px;top:72px;width:352px;bottom:12px;display:flex;flex-direction:column;gap:10px}
.bi-kpi-frame .bk-panel{border:1px solid #24535d;border-radius:7px;background:linear-gradient(110deg,#07333c99,#00212b77);overflow:hidden}
.bi-kpi-frame .bk-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;height:82px;margin-bottom:10px}
.bi-kpi-frame .bk-summary>button{position:relative;border:1px solid #28545b;border-radius:7px;padding:11px 13px 12px 69px;background:linear-gradient(110deg,#174e5266,#05232c88)}
.bi-kpi-frame .bk-summary-icon{position:absolute;left:14px;top:13px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:radial-gradient(ellipse at 35% 20%,#5ce6d779,#124f5777);box-shadow:0 0 12px #3de0d433;color:#bbf0e8}
.bi-kpi-frame .bk-summary-icon .bk-icon{width:27px;height:27px}
.bi-kpi-frame .bk-summary small{display:block;font-size:11px;color:#e1e9e8}
.bi-kpi-frame .bk-summary strong{display:block;font-size:27px;line-height:34px}
.bi-kpi-frame .bk-summary em{position:absolute;right:14px;bottom:22px;font-size:10px;font-style:normal}
.bi-kpi-frame .bk-bar{display:inline-block;width:58px;height:7px;border-radius:4px;background:#32525a;vertical-align:middle;overflow:hidden;flex:none}
.bi-kpi-frame .bk-bar>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#f2d598,#e3c986);box-shadow:0 0 6px #e8bf5b55}
.bi-kpi-frame .bk-summary .bk-bar{position:absolute;bottom:11px;left:14px;right:14px;width:auto;height:6px}
.bi-kpi-frame .bk-summary-0 .bk-bar>i{background:linear-gradient(90deg,#71e4dc,#32cfb5)}
.bi-kpi-frame .bk-summary-1 .bk-bar>i{background:linear-gradient(90deg,#19c39b,#32dca8)}
.bi-kpi-frame .bk-summary-2 .bk-bar>i{background:linear-gradient(90deg,#53c6ed,#42b0e2)}
.bi-kpi-frame .bk-summary-3 .bk-summary-icon{background:#355863;color:#b1cbd3;box-shadow:none}
.bi-kpi-frame .bk-summary-3 .bk-bar>i{background:#b2cad5}
.bi-kpi-frame .bk-panel h3{font:600 13px/20px 'Segoe UI',sans-serif;display:flex;align-items:center;gap:8px;color:#f0efe7}
.bi-kpi-frame .bk-panel h3>.bk-icon{color:#dcc88d;width:17px;height:17px}
.bi-kpi-frame .bk-list{height:263px;padding:10px 7px 0;position:relative}
.bi-kpi-frame .bk-list>header{display:flex;align-items:center;justify-content:space-between;margin:0 5px 9px;gap:5px}
.bi-kpi-frame .bk-filters{display:flex;gap:6px;align-items:center}
.bi-kpi-frame select{font:400 10px/16px 'Segoe UI',sans-serif;color:#d1e8e8;background:#05232c;border:1px solid #28515b;border-radius:4px;padding:4px 6px;height:27px;width:auto;max-width:145px;min-height:0;margin:0;box-shadow:none}
.bi-kpi-frame .bk-search{border:1px solid #28515b;border-radius:4px;font-size:10px;width:175px;height:27px;padding:4px 7px;color:#a1c1c8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bi-kpi-frame .bk-search .bk-icon{width:13px;height:13px;margin-right:5px}
.bi-kpi-frame table{width:100%;border-collapse:collapse;background:none;table-layout:fixed;margin:0;color:#d9e9e9;font:400 10px/14px 'Segoe UI',sans-serif}
.bi-kpi-frame th{font-weight:400;color:#c5dcdd;background:#001f29a6;text-align:left;height:31px;padding:5px;border:1px solid #1b4650}
.bi-kpi-frame td{height:37px;padding:5px;border:1px solid #163f49;overflow-wrap:normal}
.bi-kpi-frame tbody tr:nth-child(odd){background:#0b394440}
.bi-kpi-frame tr.bk-selected{background:linear-gradient(90deg,#1a67786b,#0b35407a)}
.bi-kpi-frame .bk-list th:nth-child(1){width:23px}.bi-kpi-frame .bk-list th:nth-child(2){width:115px}.bi-kpi-frame .bk-list th:nth-child(3){width:55px}.bi-kpi-frame .bk-list th:nth-child(4){width:72px}.bi-kpi-frame .bk-list th:nth-child(5){width:58px}.bi-kpi-frame .bk-list th:nth-child(6){width:53px}.bi-kpi-frame .bk-list th:nth-child(7){width:117px}.bi-kpi-frame .bk-list th:nth-child(8){width:147px}.bi-kpi-frame .bk-list th:nth-child(9){width:87px}
.bi-kpi-frame td:nth-child(4){font-size:9px;white-space:nowrap}
.bi-kpi-frame .bk-comparison{font-size:10px;white-space:nowrap}
.bi-kpi-frame .bk-comparison .bk-bar{width:49px;margin-left:5px;height:6px}
.bi-kpi-frame .bk-comparison.bk-running{color:#ef7777}.bi-kpi-frame .bk-comparison.bk-achieved{color:#6fe2bd}.bi-kpi-frame .bk-comparison.bk-waiting{color:#bdd1d5}
.bi-kpi-frame .bk-achieved .bk-bar>i{background:linear-gradient(90deg,#2ccf9f,#75e6cb)}
.bi-kpi-frame .bk-waiting .bk-bar>i{background:#9ab2c0}
.bi-kpi-frame .bk-owner{display:flex;align-items:center;gap:6px;white-space:nowrap;text-align:left}
.bi-kpi-frame .bk-owner>b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #67b4bc66;border-radius:50%;background:radial-gradient(at 30% 25%,#92d5d8aa,#16606a);font-size:10px;font-weight:500;flex:none}
.bi-kpi-frame .bk-owner span{font-size:10px;white-space:nowrap}
.bi-kpi-frame .bk-owner small{display:block;font-size:9px;color:#b5ccd0;line-height:13px}
.bi-kpi-frame td button>.bk-icon{width:13px;height:13px;margin-right:6px}
.bi-kpi-frame .bk-status{display:inline-block;font-size:9px;line-height:20px;white-space:nowrap;padding:0 7px;border-radius:12px;max-width:100%}
.bi-kpi-frame .bk-status.bk-running{background:#07557055;color:#68c8e8;border:1px solid #12607a55}.bi-kpi-frame .bk-status.bk-achieved{background:#00645066;color:#54d7b6;border:1px solid #0b705766}.bi-kpi-frame .bk-status.bk-waiting{background:#294c5888;color:#b5cad2;border:1px solid #3a647166}
.bi-kpi-frame .bk-clear{position:absolute;bottom:3px;right:10px;font-size:9px;color:#e7d89c;text-decoration:underline}
.bi-kpi-frame .bk-empty{text-align:center;padding:25px 10px!important;color:#b8ced0}
.bi-kpi-frame .bk-bottom{display:grid;grid-template-columns:1.07fr 1fr;gap:10px;height:175px;margin-top:10px}
.bi-kpi-frame .bk-tree,.bi-kpi-frame .bk-teams{padding:9px 10px}
.bi-kpi-frame .bk-tree-root{display:flex;align-items:center;gap:12px;border:1px solid #c9b579;border-radius:6px;background:linear-gradient(110deg,#244e5266,#001e28aa);width:290px;padding:5px 10px;margin:6px auto 0;box-shadow:inset 0 0 7px #bba76222}
.bi-kpi-frame .bk-tree-root>.bk-icon{width:28px;height:28px;color:#e4d199}
.bi-kpi-frame .bk-tree-root>span{font-size:10px;line-height:12px}.bi-kpi-frame .bk-tree-root strong{display:block;font-size:10px;font-weight:600}
.bi-kpi-frame .bk-tree>svg{display:block;width:100%;height:23px}
.bi-kpi-frame .bk-tree-children{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.bi-kpi-frame .bk-tree-children>button{position:relative;border:1px solid #25585b;border-radius:5px;padding:7px 5px 5px;font-size:9px;height:61px}
.bi-kpi-frame .bk-tree-children .bk-icon{width:20px;height:20px;float:left;margin-right:5px;color:#4ed9bd}
.bi-kpi-frame .bk-tree-children>button:nth-child(2) .bk-icon{color:#4abde8}.bi-kpi-frame .bk-tree-children>button:nth-child(4) .bk-icon{color:#efd291}
.bi-kpi-frame .bk-tree-children small{display:block;font-size:8px;color:#b8cfd0}
.bi-kpi-frame .bk-tree-children>button>div{display:flex;justify-content:space-between;align-items:center;clear:both;margin-top:10px;gap:5px}
.bi-kpi-frame .bk-tree-children .bk-bar{width:calc(100% - 25px);height:6px}.bi-kpi-frame .bk-tree-children b{font-size:9px;font-weight:400}
.bi-kpi-frame .bk-tree-children>button:nth-child(1) .bk-bar>i,.bi-kpi-frame .bk-tree-children>button:nth-child(3) .bk-bar>i{background:linear-gradient(90deg,#2acfa1,#6bdbb5)}
.bi-kpi-frame .bk-tree-children>button:nth-child(2) .bk-bar>i{background:#45b9e2}
.bi-kpi-frame .bk-teams table{margin-top:6px;font-size:9px}.bi-kpi-frame .bk-teams th{font-size:8px;height:27px;padding:3px}.bi-kpi-frame .bk-teams td{height:25px;padding:3px;border-left:0;border-right:0}
.bi-kpi-frame .bk-teams th:first-child{width:100px}.bi-kpi-frame .bk-teams th:last-child{width:102px}
.bi-kpi-frame .bk-teams td button{display:flex;align-items:center;font-size:9px;gap:4px}.bi-kpi-frame .bk-teams td .bk-icon{width:14px;height:14px;color:#55d8bc;margin-right:0}
.bi-kpi-frame .bk-teams .bk-bar{width:58px;height:7px;margin-right:8px}.bi-kpi-frame .bk-teams tr:nth-child(1) .bk-bar>i,.bi-kpi-frame .bk-teams tr:nth-child(3) .bk-bar>i{background:#52d9b1}.bi-kpi-frame .bk-teams tr:nth-child(2) .bk-bar>i{background:#4ebeea}
.bi-kpi-frame .bk-detail{position:relative;padding:10px 11px;flex:1;min-height:0}
.bi-kpi-frame .bk-detail>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.bi-kpi-frame .bk-detail>header>div{display:flex;align-items:center;gap:12px;font-size:9px}.bi-kpi-frame .bk-detail>header button{font-size:18px;line-height:18px}
.bi-kpi-frame .bk-detail h4{font:600 15px/22px 'Segoe UI',sans-serif;display:flex;gap:8px;align-items:center;margin-bottom:12px}
.bi-kpi-frame .bk-detail h4 .bk-icon{width:18px;height:18px}.bi-kpi-frame .bk-detail h4 .bk-status{margin-left:auto;font-weight:400;font-size:8px;padding:0 6px}
.bi-kpi-frame .bk-detail dl{display:grid;grid-template-columns:145px 1fr;gap:7px;font-size:11px;line-height:15px}
.bi-kpi-frame .bk-detail dt{display:flex;gap:9px;align-items:center;color:#bed6d6}.bi-kpi-frame .bk-detail dt .bk-icon{width:14px;height:14px}.bi-kpi-frame .bk-detail dd{color:#f0eee2}
.bi-kpi-frame .bk-detail .bk-complete{font-weight:600;color:#f1d99a;font-size:14px}.bi-kpi-frame .bk-complete .bk-bar{display:block;width:140px;height:6px;margin-top:4px}
.bi-kpi-frame .bk-remaining{position:absolute;right:13px;top:179px;font-size:9px;color:#c4d6d7;line-height:20px}.bi-kpi-frame .bk-remaining b{font-size:12px;font-weight:400}
.bi-kpi-frame .bk-detail h5{font:500 11px/18px 'Segoe UI',sans-serif;display:flex;align-items:center;gap:5px;margin-top:15px;margin-bottom:5px;color:#d2e3e2}.bi-kpi-frame .bk-detail h5 .bk-icon{width:14px;height:14px}.bi-kpi-frame .bk-detail h5 button{margin-left:auto;color:#91cfdd;font-size:9px}
.bi-kpi-frame .bk-formula{padding:9px 10px;border:1px solid #264751;background:#001c26a0;border-radius:4px;font-size:10px;line-height:15px}
.bi-kpi-frame .bk-documents{border:1px solid #254652;border-radius:4px;background:#143b4633;overflow:hidden}
.bi-kpi-frame .bk-documents>button{display:flex;align-items:center;gap:7px;width:100%;height:23px;padding:3px 8px;border-bottom:1px solid #284a5355;font-size:9px;white-space:nowrap}.bi-kpi-frame .bk-documents>button .bk-icon{width:13px;height:13px}.bi-kpi-frame .bk-documents time{margin-left:auto;font-size:8px;color:#d9e1da}
.bi-kpi-frame .bk-detail>footer{display:flex;gap:6px;align-items:center;font-size:9px;margin-top:10px}.bi-kpi-frame .bk-detail>footer>.bk-icon{width:15px;height:15px}.bi-kpi-frame .bk-detail>footer button{border:1px solid #b9aa76;border-radius:5px;padding:5px 7px;margin-left:auto;color:#e8dcb2;font-size:9px;white-space:nowrap}.bi-kpi-frame .bk-detail>footer button .bk-icon{width:13px;height:13px;margin-right:4px}
.bi-kpi-frame .bk-detail-session,.bi-kpi-frame .bk-session-approval{display:block;font-size:8px;color:#78dfbd;margin-top:2px}
.bi-kpi-frame .bk-personal{height:171px;flex:none;padding:7px 9px}.bi-kpi-frame .bk-personal h3{font-size:11px;line-height:17px;gap:6px}.bi-kpi-frame .bk-personal h3 .bk-icon{width:15px;height:15px}
.bi-kpi-frame .bk-personal>header{display:flex;align-items:center;gap:7px;margin:5px 0 4px}.bi-kpi-frame .bk-personal .bk-owner span{font-size:10px}.bi-kpi-frame .bk-personal .bk-owner small{font-size:8px}.bi-kpi-frame .bk-personal header>button:last-child{margin-left:auto;border:1px solid #baaa6e;border-radius:4px;padding:3px 5px;font-size:8px;color:#e6d7a4}.bi-kpi-frame .bk-personal header>button>.bk-icon{width:12px;height:12px}.bi-kpi-frame .bk-personal>small{font-size:8px;color:#bdcccb}
.bi-kpi-frame .bk-personal-row{display:flex;width:100%;gap:6px;align-items:center;height:22px;font-size:8px;border-bottom:1px solid #2c4a4e99!important}.bi-kpi-frame .bk-personal-row>span:first-child{width:133px}.bi-kpi-frame .bk-personal-row>small{font-size:8px;white-space:nowrap}.bi-kpi-frame .bk-personal-row .bk-bar{width:45px;height:6px}.bi-kpi-frame .bk-personal-row>b{font-size:8px;font-weight:400}.bi-kpi-frame .bk-personal-row .bk-status{font-size:7px;line-height:16px;padding:0 4px;margin-left:auto}
.bi-kpi-reference .bk-story-board{background:#001c24}.bi-kpi-reference .bk-hero-art{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}
.bi-kpi-reference .bk-story-intro{position:absolute;left:26px;top:18px}.bi-kpi-reference .bk-story-intro h2{font-size:28px;line-height:36px;letter-spacing:0}.bi-kpi-reference .bk-story-intro h3{font:600 20px/28px 'Segoe UI',sans-serif;color:#eadbc2;margin-top:4px}.bi-kpi-reference .bk-story-intro p{font:400 14px/21px 'Segoe UI',sans-serif;color:#bdcdcd;margin-top:11px}
.bi-kpi-reference .bk-illustration{position:absolute;right:24px;top:17px;font-size:9px;color:#b9cfcd}
.bi-kpi-reference .bk-year-goal{position:absolute;right:39px;top:45px;width:183px;height:74px;display:flex;align-items:flex-start;gap:12px;padding:11px 13px;border:1px solid #b9a77988;border-radius:10px;background:linear-gradient(110deg,#826c3d44,#0c2c37bb);box-shadow:inset 0 0 5px #e5c57a33,0 5px 16px #0009;font-size:12px;transform:skewY(-4deg)}
.bi-kpi-reference .bk-year-goal>b{font-size:28px;color:#edcf8b}.bi-kpi-reference .bk-year-goal small{display:block;font-size:10px;color:#c4d0ca;margin-top:4px}
.bi-kpi-reference .bk-quarter-labels>button{position:absolute;width:87px;font-size:11px;padding:8px 10px;color:#e0efea}.bi-kpi-reference .bk-quarter-labels strong{display:block;font-size:13px}.bi-kpi-reference .bk-quarter-labels i{display:block;width:20px;height:20px;border:1px solid #8ffff1;border-radius:50%;font-style:normal;color:#70f1d8;text-align:center;line-height:18px;margin-top:12px;background:#0b756c55;box-shadow:0 0 8px #54d8c855}
.bi-kpi-reference .bk-story-steps{position:absolute;left:27px;top:196px;width:550px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.bi-kpi-reference .bk-story-steps>button{position:relative;min-width:0;height:118px;font-size:11px}.bi-kpi-reference .bk-story-steps>button:not(:last-child):after{content:'›';position:absolute;right:-13px;top:15px;color:#2e9e99;font-size:18px}.bi-kpi-reference .bk-story-steps>button>span{display:grid;place-items:center;width:38px;height:37px;border:1px solid #b2af85;border-radius:10px;background:linear-gradient(120deg,#213f4099,#001a23);color:#d1e4d9;box-shadow:inset 0 0 4px #8bc8c233}.bi-kpi-reference .bk-story-steps .bk-icon{width:22px;height:22px}.bi-kpi-reference .bk-story-steps small{display:block;font-size:10px;margin-top:3px}.bi-kpi-reference .bk-story-steps strong{display:block;font-size:12px;line-height:16px;color:#f0eee4;margin:3px 0}.bi-kpi-reference .bk-story-steps p{font-size:10px;line-height:14px;color:#bacdca}
.bi-kpi-reference .bk-story-cards{position:absolute;left:26px;right:26px;top:357px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;height:179px}
.bi-kpi-reference .bk-story-card{border:1px solid #66aba777;border-radius:12px;padding:10px 17px 3px;background:linear-gradient(110deg,#0c6a6755,#002c36b8);box-shadow:inset 0 0 10px #82f0e21c,0 6px 12px #0008;overflow:hidden}.bi-kpi-reference .bk-story-card.bk-gold-card{border-color:#b9a47999;background:linear-gradient(110deg,#5b4b2a70,#192b2cb8)}.bi-kpi-reference .bk-story-card.bk-blue-card{background:linear-gradient(110deg,#18516d77,#062735bb);border-color:#68a7bb88}
.bi-kpi-reference .bk-story-card>header{display:flex;align-items:center;gap:10px;margin-bottom:9px}.bi-kpi-reference .bk-story-card>header>.bk-icon{width:38px;height:38px;padding:6px;border:1px solid #63a99b;border-radius:6px;background:#15555c66;color:#80f0dc}.bi-kpi-reference .bk-gold-card>header>.bk-icon{color:#d6bc88;border-color:#b9a479}.bi-kpi-reference .bk-blue-card>header>.bk-icon{color:#add9e2;border-color:#6898aa}.bi-kpi-reference .bk-story-card header strong{font-size:13px;color:#f1f2e8}.bi-kpi-reference .bk-story-card header small{display:block;font-size:10px;margin-top:3px;color:#d2d8cb}.bi-kpi-reference .bk-story-card em{font-style:normal;font-size:9px;white-space:nowrap;margin-left:auto;background:#1eaa9577;padding:4px 7px;border:1px solid #329a8c66;border-radius:5px;color:#9ff6df}.bi-kpi-reference .bk-blue-card em{background:#52778966;color:#d8e5ed;border-color:#5b8ca088}
.bi-kpi-reference .bk-story-value{display:flex;align-items:center;gap:12px;height:36px}.bi-kpi-reference .bk-story-value>strong{font:650 32px/36px 'Segoe UI',sans-serif;color:#fffdf1}.bi-kpi-reference .bk-story-value>b{font-size:13px;color:#42dec1}.bi-kpi-reference .bk-story-value>small{font-size:10px;color:#b5d6dc;margin-left:35px;white-space:nowrap}.bi-kpi-reference .bk-story-value>span{margin-left:auto;border-left:1px solid #6c8c8666;padding-left:14px;font-size:10px;color:#c1d0cd}.bi-kpi-reference .bk-story-value>span strong{font-size:14px;color:#e8eade;font-weight:400}.bi-kpi-reference .bk-mini-chart{width:100%;height:80px;display:block;margin-top:0;overflow:visible}
.bi-kpi-reference .bk-annual-progress{position:absolute;left:26px;right:324px;top:547px;height:49px;display:flex;align-items:center;border:1px solid #79c3c299;border-radius:12px;background:linear-gradient(110deg,#12575f8c,#102e3abf);padding:3px 14px;box-shadow:inset 0 0 9px #a5e3d12b;color:#d9e6de}
.bi-kpi-reference .bk-annual-progress>span{font-size:10px;line-height:21px;white-space:nowrap;margin-right:15px}.bi-kpi-reference .bk-annual-progress>span i{display:inline-block;width:35px;height:6px;border-radius:3px;margin-left:9px;background:#60e4da;box-shadow:0 0 8px #46d8cf}.bi-kpi-reference .bk-annual-progress>svg{height:43px;flex:1;min-width:0}.bi-kpi-reference .bk-annual-progress>b{align-self:center;border:1px solid #81aaae;border-radius:8px;background:#071f28da;padding:6px 12px;font-size:16px;font-weight:600;margin-left:7px;white-space:nowrap}.bi-kpi-reference .bk-annual-progress small{font-size:10px;font-weight:400}.bi-kpi-reference .bk-annual-progress b span{display:block;font-size:9px;font-weight:400;margin-top:2px}
.bi-kpi-reference .bk-story-tags{position:absolute;right:26px;bottom:3px;display:flex;gap:10px;font-size:9px}.bi-kpi-reference .bk-story-tags button{border:1px solid #888c7377;border-radius:7px;padding:5px 9px;background:#09252bd9;white-space:nowrap}.bi-kpi-reference .bk-story-tags .bk-icon{width:13px;height:13px;margin-right:6px}
.bi-kpi-reference.bk-motion .bk-target-spark{animation:bk-kpi-spark 3s ease-in-out infinite}
@keyframes bk-kpi-spark{50%{opacity:.65}}
@media(prefers-reduced-motion:reduce){.bi-kpi-reference .bk-target-spark{animation:none!important}}
.bi-kpi-overlay{position:absolute;inset:0;z-index:40;display:flex;padding:12px;background:#00121cbd;overflow:auto}
.bi-kpi-overlay[hidden]{display:none!important}
.bi-kpi-dialog{position:relative;width:min(650px,94vw);height:fit-content;min-height:0;max-height:88vh;margin:auto;overflow:auto;padding:20px 24px;border:1px solid #609d9a;border-radius:12px;background:linear-gradient(125deg,#0b4248,#04252f);box-shadow:0 20px 80px #0009;color:#deebe7;font:400 14px/1.5 'Segoe UI',sans-serif}
.bi-kpi-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.bi-kpi-dialog h3{font:600 21px/28px 'Segoe UI',sans-serif;color:#ecd6a7}.bi-kpi-dialog>header>button{width:34px;height:32px;font-size:22px;padding:0;line-height:25px}
.bi-kpi-dialog p{font:400 14px/21px 'Segoe UI',sans-serif;margin:10px 0}.bi-kpi-dialog button{padding:7px 12px;border:1px solid #528686;border-radius:5px;background:#15515b;font-size:14px;margin:4px 4px 0 0}.bi-kpi-dialog label{display:flex;flex-direction:column;gap:7px;margin:12px 0;font:400 14px/21px 'Segoe UI',sans-serif;color:#dbe7e1}
.bi-kpi-dialog :is(input,select,textarea){font:400 14px/20px 'Segoe UI',sans-serif;background:#042d37;color:#e2eeea;border:1px solid #52978e;border-radius:4px;padding:8px;min-height:0;max-width:none;width:100%;margin:0;box-shadow:none}.bi-kpi-dialog textarea{height:70px;resize:vertical}.bi-kpi-dialog input:read-only,.bi-kpi-dialog textarea:read-only{opacity:.65}.bi-kpi-dialog .bk-check{display:flex;flex-direction:row;align-items:center}.bi-kpi-dialog input[type=checkbox]{width:17px;height:17px;flex:none}.bi-kpi-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px}.bi-kpi-dialog dt{color:#b8d5d4}.bi-kpi-dialog dd{overflow-wrap:anywhere}.bi-kpi-dialog .bk-dialog-actions{margin-top:16px}.bi-kpi-dialog .bk-error{color:#ffb9a5;min-height:0}.bi-kpi-dialog .bk-dialog-note{border-top:1px solid #355d60;padding-top:12px;margin-top:18px;color:#a9c9c8;font-size:11px}
.bi-kpi-frame .bk-dashboard-right{top:58px}
.bi-kpi-frame .bk-detail>header{margin-bottom:7px}
.bi-kpi-frame .bk-detail h4{margin-bottom:8px}
.bi-kpi-frame .bk-detail dl{gap:5px;line-height:14px}
.bi-kpi-frame .bk-detail h5{margin-top:9px;margin-bottom:4px}
.bi-kpi-frame .bk-formula{padding:6px 9px;line-height:14px}
.bi-kpi-frame .bk-documents>button{height:21px}
.bi-kpi-frame .bk-detail>footer{margin-top:8px;font-size:8px;gap:4px}
.bi-kpi-frame .bk-detail>footer button{padding:4px 5px;font-size:8px}
.bi-kpi-frame .bk-detail .bk-remaining{top:163px}
.bi-kpi-frame .bk-personal-row{gap:4px}
.bi-kpi-frame .bk-personal-row>span:first-child{width:112px;flex:none}
.bi-kpi-frame .bk-personal-row .bk-bar{width:35px}
.bi-kpi-reference .bk-quarter-labels>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;line-height:15px}
.bi-kpi-frame .bk-list{height:272px}
.bi-kpi-frame .bk-bottom{height:166px}
.bi-kpi-frame .bk-tree>svg{height:16px}
.bi-kpi-frame .bk-tree-root{margin-top:4px}
.bi-kpi-frame .bk-teams table{margin-top:5px}
.bi-kpi-frame .bk-teams td{height:23px}
.bi-kpi-frame .bk-detail h5{margin-top:7px}
.bi-kpi-frame .bk-detail dl{gap:4px}
.bi-kpi-frame .bk-documents>button{height:20px}

/* Shared feature typography: compensate only this board's own fit zoom. */
.bi-kpi-frame .bk-dashboard-title h2,.bi-kpi-reference .bk-story-intro h2{font-family:'Segoe UI',sans-serif;font-size:calc(var(--atu-feature-title-size,32px) * var(--bi-kpi-type-scale,1));font-weight:600;font-style:normal;line-height:1.2;letter-spacing:0;color:var(--atu-feature-title-color,#f8f5ee);white-space:normal;overflow:visible;text-overflow:clip}
.bi-kpi-frame .bk-dashboard-title h2 *,.bi-kpi-reference .bk-story-intro h2 *{font:inherit;color:inherit;letter-spacing:inherit}
.bi-kpi-reference .bk-story-intro h3{font:400 calc(var(--atu-feature-subtitle-size,18px) * var(--bi-kpi-type-scale,1))/1.4 'Segoe UI',sans-serif;color:var(--atu-feature-subtitle-color,#d9e9ec)}
.bi-kpi-frame .bk-dashboard-title p{font:400 calc(var(--atu-feature-intro-size,12px) * var(--bi-kpi-type-scale,1))/1.4 'Segoe UI',sans-serif;color:var(--atu-feature-subtitle-color,#d9e9ec)}
.bi-kpi-frame .bk-dashboard-title{height:auto;align-items:flex-start}
.bi-kpi-frame .bk-dashboard-title>div{min-width:0;flex:1}
.bi-kpi-frame .bk-dashboard-title>button{flex:none}
.bi-kpi-frame .bk-dashboard-left{top:max(72px,calc(66px * var(--bi-kpi-type-scale,1)))}
.bi-kpi-frame .bk-bottom{height:calc(166px - max(0px,calc(66px * var(--bi-kpi-type-scale,1) - 72px)))}

/* Narrow component: native header gets its own space above the scaled source board. */
.bi-kpi-frame.bk-narrow .bk-board,.bi-kpi-reference.bk-narrow .bk-board{overflow:visible}
.bi-kpi-frame.bk-narrow .bk-dashboard-title{zoom:var(--bi-kpi-type-scale);left:12px;top:6px;right:auto;width:calc(1280px / var(--bi-kpi-type-scale) - 24px);flex-wrap:wrap;gap:6px}
.bi-kpi-frame.bk-narrow .bk-dashboard-title>div{flex-basis:calc(100% - 45px)}
.bi-kpi-frame.bk-narrow .bk-dashboard-title h2,.bi-kpi-reference.bk-narrow .bk-story-intro h2{font-size:var(--atu-feature-title-size,32px)}
.bi-kpi-frame.bk-narrow .bk-dashboard-title p{font-size:var(--atu-feature-intro-size,12px)}
.bi-kpi-frame.bk-narrow .bk-dashboard-title>button{margin-left:41px}
.bi-kpi-frame.bk-narrow .bk-dashboard-left{top:72px;transform:translateY(calc(140px * var(--bi-kpi-type-scale)))}
.bi-kpi-frame.bk-narrow .bk-dashboard-right{transform:translateY(calc(140px * var(--bi-kpi-type-scale)))}
.bi-kpi-frame.bk-narrow .bk-bottom{height:166px}
.bi-kpi-reference.bk-narrow .bk-story-intro{zoom:var(--bi-kpi-type-scale);left:12px;top:6px;width:calc(1280px / var(--bi-kpi-type-scale) - 24px)}
.bi-kpi-reference.bk-narrow .bk-story-intro h3{font-size:var(--atu-feature-subtitle-size,18px)}
.bi-kpi-reference.bk-narrow .bk-story-board>:not(.bk-story-intro){translate:0 calc(200px * var(--bi-kpi-type-scale))}

/* Both openings use the same native anchor beneath navigation. */
.bi-kpi-frame .bk-dashboard-title,.bi-kpi-reference .bk-story-intro{zoom:var(--bi-kpi-type-scale,1);left:16px;top:10px;right:auto;width:calc((1280px + var(--bi-kpi-extra,0px)) / var(--bi-kpi-type-scale,1) - 32px);text-align:left}
.bi-kpi-frame .bk-dashboard-title{gap:10px}
.bi-kpi-frame .bk-dashboard-title h2,.bi-kpi-reference .bk-story-intro h2{font-size:var(--atu-feature-title-size,32px);text-align:left}
.bi-kpi-frame .bk-dashboard-title p{font-size:var(--atu-feature-intro-size,12px);text-align:left}
.bi-kpi-reference .bk-story-intro{padding-left:45px}
.bi-kpi-reference .bk-story-intro>.bk-icon{position:absolute;left:0;top:0;width:35px;height:35px;color:#9fb9c0}
.bi-kpi-reference .bk-story-intro h3{font-size:var(--atu-feature-subtitle-size,18px);text-align:left;max-width:500px}
.bi-kpi-reference .bk-story-intro h2,.bi-kpi-reference .bk-story-intro p{max-width:500px}
.bi-kpi-frame.bk-narrow .bk-dashboard-title,.bi-kpi-reference.bk-narrow .bk-story-intro{left:12px;top:6px;width:calc(1280px / var(--bi-kpi-type-scale,1) - 24px)}
.bi-kpi-frame.bk-narrow .bk-dashboard-title{gap:6px}
.bi-kpi-reference.bk-narrow .bk-story-intro{padding-left:41px}
.bi-kpi-reference .bk-story-intro h3{margin-top:2px}

/* Material followup: transparent glass, cut edges and local chart illumination. */
.bi-kpi-reference .bk-story-card{background:linear-gradient(115deg,#275e5a40,#07353b70 52%,#001f2a8c);border-color:#83c8bf99;box-shadow:inset 1px 1px 0 #d4fff25c,inset -1px -1px 0 #74b4b554,inset 0 0 16px #79d6cc12,0 8px 13px #0008}
.bi-kpi-reference .bk-story-card.bk-gold-card{background:linear-gradient(115deg,#77613c45,#2a36364a 52%,#10232a8c);border-color:#c5ac7d99;box-shadow:inset 1px 1px 0 #f2dcb45c,inset -1px -1px 0 #ad977754,0 8px 13px #0008}
.bi-kpi-reference .bk-story-card.bk-blue-card{background:linear-gradient(115deg,#31647e45,#10394668 52%,#0622308c);border-color:#8ac4d299}
.bi-kpi-reference .bk-mini-chart rect{filter:drop-shadow(0 0 2px #60dfce55)}
.bi-kpi-reference .bk-mini-chart circle{filter:drop-shadow(0 0 1px #a9f1dd88)}
.bi-kpi-reference .bk-story-card>header>.bk-icon{box-shadow:inset 1px 1px 0 #c8ffe855,0 0 8px #63ddce18}

/* Narrow hosts preserve native body text; source board is scrollable, never a miniature. */
.bi-kpi-frame.bk-narrow,.bi-kpi-reference.bk-narrow{overflow:auto;overscroll-behavior:contain;scrollbar-color:#39666d #041d27;scrollbar-width:thin}
.bi-kpi-frame.bk-narrow .bk-board,.bi-kpi-reference.bk-narrow .bk-board{margin-left:0;margin-right:0}
.bi-kpi-frame.bk-narrow .bk-dashboard-title,.bi-kpi-reference.bk-narrow .bk-story-intro{width:calc(var(--bi-kpi-component-width,416px) - 24px)}
.bi-kpi-frame.bk-narrow .bk-dashboard-left,.bi-kpi-frame.bk-narrow .bk-dashboard-right{top:0}
.bi-kpi-reference.bk-narrow .bk-story-steps{top:40px}

/* 28/10/2026 anh Đạt: màn rộng (1885×880) bảng phải kín bề ngang. fitBoards nới .bk-board thêm --bi-kpi-extra px thiết kế;
   bố cục bên trong giãn theo cùng tỉ lệ 892:352, ở 1440 (extra 0) giữ nguyên từng px. Hẹp: extra 0. */
.bi-kpi-frame .bk-dashboard-left{width:calc(892px + var(--bi-kpi-extra,0px) * .71704)}
.bi-kpi-frame .bk-dashboard-right{width:calc(352px + var(--bi-kpi-extra,0px) * .28296)}
.bi-kpi-frame .bk-list th:nth-child(1){width:calc(23px + var(--bi-kpi-extra,0px) * .01849)}
.bi-kpi-frame .bk-list th:nth-child(2){width:calc(115px + var(--bi-kpi-extra,0px) * .09244)}
.bi-kpi-frame .bk-list th:nth-child(3){width:calc(55px + var(--bi-kpi-extra,0px) * .04421)}
.bi-kpi-frame .bk-list th:nth-child(4){width:calc(72px + var(--bi-kpi-extra,0px) * .05788)}
.bi-kpi-frame .bk-list th:nth-child(5){width:calc(58px + var(--bi-kpi-extra,0px) * .04662)}
.bi-kpi-frame .bk-list th:nth-child(6){width:calc(53px + var(--bi-kpi-extra,0px) * .0426)}
.bi-kpi-frame .bk-list th:nth-child(7){width:calc(117px + var(--bi-kpi-extra,0px) * .09405)}
.bi-kpi-frame .bk-list th:nth-child(8){width:calc(147px + var(--bi-kpi-extra,0px) * .11817)}
.bi-kpi-frame .bk-list th:nth-child(9){width:calc(87px + var(--bi-kpi-extra,0px) * .06994)}
.bi-kpi-reference .bk-quarter-labels>button{translate:var(--bi-kpi-extra,0px) 0}
.bi-kpi-reference .bk-story-steps{width:calc(550px + var(--bi-kpi-extra,0px) * .5)}
.bi-kpi-reference .bk-annual-progress{right:calc(324px + var(--bi-kpi-extra,0px))}
/* Dải tiêu đề chung (feature-heading.mjs) ẩn h2 gốc: ẩn luôn biểu tượng đi kèm tiêu đề, kẻo đè lên dải; đoạn mô tả thẳng mép chữ ATU. */
.bi-kpi-frame .bk-dashboard-title:has(h2[data-atu-heading])>.bk-icon,.bi-kpi-reference .bk-story-intro:has(>h2[data-atu-heading])>.bk-icon{visibility:hidden}
.bi-kpi-reference .bk-story-intro:has(>h2[data-atu-heading]){padding-left:8px}
/* Dải tiêu đề chung cao hơn tiêu đề cũ (dòng phụ 16px): đẩy cột trái xuống vừa đủ cách dải 6px (88px màn), bù vào hai khe 10px rồi mới bớt khối dưới. */
.bi-kpi-frame .bk-dashboard-board:has(.bk-dashboard-title h2[data-atu-heading]){--bk-head-shift:max(0px,calc(88px * var(--bi-kpi-type-scale,1) - 72px))}
.bi-kpi-frame .bk-dashboard-board:has(.bk-dashboard-title h2[data-atu-heading]) .bk-dashboard-left{top:calc(72px + var(--bk-head-shift))}
.bi-kpi-frame .bk-dashboard-board:has(.bk-dashboard-title h2[data-atu-heading]) .bk-summary{margin-bottom:max(4px,calc(10px - var(--bk-head-shift) / 2))}
.bi-kpi-frame .bk-dashboard-board:has(.bk-dashboard-title h2[data-atu-heading]) .bk-bottom{margin-top:max(4px,calc(10px - var(--bk-head-shift) / 2));height:calc(166px - max(0px,calc(var(--bk-head-shift) - 12px)))}