*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030b14;color:#eaf4ff;font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}#stage{width:1920px;height:1080px;position:absolute;transform-origin:top left;background:radial-gradient(ellipse at 90% 0%,#17346380,transparent 55%),radial-gradient(ellipse at 30% 90%,#043c4540,transparent 50%),#071421;overflow:hidden}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 46px;border-bottom:1px solid #28415b;background:#091829}.brand{display:flex;gap:19px;align-items:center}#brandIcon{width:65px;height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:28px;font-weight:900;border-radius:16px;background:linear-gradient(135deg,#66eff0,#348aff);color:#06223a;box-shadow:0 0 30px #41c4e522}#brandIcon span{font-size:11px;letter-spacing:3px}#brandIcon img{width:100%;height:100%;object-fit:contain;background:white;border-radius:12px}.brand strong{font-size:27px;letter-spacing:2px}.brand small{display:block;font-size:11px;letter-spacing:3px;color:#90a9bd;margin-top:9px}.headCenter{font-size:13px;letter-spacing:2px;color:#a5bdce;display:flex;align-items:center;gap:12px}.headCenter b{font-size:10px;background:#163b42;border:1px solid #28676c;color:#69e2d7;border-radius:6px;padding:6px 10px}.liveDot{display:inline-block;width:9px;height:9px;background:#54efc3;border-radius:50%;box-shadow:0 0 15px #54efc380;animation:pulse 2s infinite}.clock{text-align:right}.clock strong{font-size:29px;font-variant-numeric:tabular-nums;letter-spacing:2px}.clock small{display:block;margin-top:7px;color:#849fb5;font-size:13px}.layout{height:911px;display:grid;grid-template-columns:285px 1fr}aside{border-right:1px solid #243a4e;padding:33px 22px;background:#0a1928aa}.navCaption{font-size:11px;letter-spacing:2px;color:#55d9e9}aside h2{font-size:25px;margin:10px 0 29px;letter-spacing:1px}aside h2 span{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#8aa1b4;margin-top:10px}nav{display:flex;flex-direction:column;gap:7px}nav button{display:flex;align-items:center;text-align:left;gap:12px;padding:17px 12px;width:100%;border:1px solid transparent;background:transparent;color:#91a9bd;border-radius:10px;font-size:14px;font-weight:600;transition:.3s}nav button span{font-size:12px;color:#688499;border:1px solid #284257;width:29px;height:29px;border-radius:8px;display:grid;place-items:center}nav button.active{background:linear-gradient(90deg,#17445c,#153049);border-color:#3aa3c580;color:#f0fcff;box-shadow:inset 3px 0 #67e2e8}nav button.active span{background:#54d7e2;color:#0c263e;border-color:#54d7e2}nav button:hover{background:#183649}.sideFoot{margin:37px 12px;color:#70c9c5;font-size:11px;letter-spacing:1px}.sideFoot .liveDot{width:6px;height:6px;margin-right:5px}.sideFoot div{margin-top:17px;color:#e9f6ff;font-size:12px}.sideFoot small{display:block;color:#7892a8;letter-spacing:0;margin-top:10px;font-size:11px}main{padding:30px 36px 0;min-width:0}.pageHead{display:flex;justify-content:space-between;align-items:center;height:100px;margin-bottom:16px}#eyebrow{font-size:11px;letter-spacing:3px;color:#69dce7;font-weight:600}h1{font-size:38px;margin:10px 0 8px;letter-spacing:-.6px}#subtitle{font-size:14px;color:#92a9bf;margin:0}.pageBadge{text-align:right;padding-left:24px;border-left:1px solid #385069}.pageBadge span{font-size:45px;color:#59dcea;font-weight:300}.pageBadge small{display:block;color:#8ba4b9;font-size:10px;letter-spacing:1px;margin-top:4px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.kpi{height:126px;background:linear-gradient(110deg,#132b3f,#102337);border:1px solid #2a435a;border-radius:13px;padding:19px 21px;position:relative;overflow:hidden}.kpi:after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;right:-50px;top:-50px;background:var(--color);filter:blur(55px);opacity:.25}.kpiLabel{font-size:13px;color:#aac0d1}.kpiNumber{font-size:39px;font-weight:700;margin-top:9px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.kpiNumber small{font-size:15px;font-weight:400;margin-left:9px;color:#8facbf;letter-spacing:0}.kpiTrend{position:absolute;right:18px;bottom:20px;font-size:11px;color:var(--color)}.kpi:before{content:'';width:4px;height:27px;background:var(--color);position:absolute;left:0;top:19px;border-radius:0 3px 3px 0}.chartGrid{display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:360px 222px;gap:18px}.panel{background:linear-gradient(120deg,#11273a,#0e2132);border:1px solid #2a4056;border-radius:14px;overflow:hidden;padding:21px 24px}.panelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}h3{font-size:17px;margin:0;font-weight:600}.panelHead p{font-size:11px;color:#7e9bb2;margin:7px 0 0}.legend{font-size:10px;color:#96afc2;display:flex;gap:8px;align-items:center}.legend i{display:inline-block;width:8px;height:8px;background:#58dfed;border-radius:50%}.legend i:nth-of-type(2){background:#827cf9;margin-left:10px}#trendChart{width:100%;height:244px;overflow:visible}#trendChart text{font-family:Arial;font-size:13px;fill:#89a8c1}.axisLabels{display:flex;justify-content:space-between;margin-left:39px;color:#7d9ab3;font-size:10px}.tag{padding:5px 8px;font-size:9px;letter-spacing:1px;border:1px solid #315068;border-radius:5px;color:#67d8e3}.distribution{position:relative}.donutWrap{width:213px;height:213px;position:relative;margin:3px auto 9px}.donutWrap svg{width:100%;height:100%;transform:rotate(-90deg)}.donutCenter{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donutCenter strong{font-size:35px;letter-spacing:-1px}.donutCenter small{font-size:11px;color:#8ba9bd;margin-top:6px}#donutLegend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 17px;font-size:10px;color:#a0b6c8}#donutLegend i{width:7px;height:7px;border-radius:2px;display:inline-block;margin-right:5px}.rankings .panelHead,.operations .panelHead{margin-bottom:13px}.barRow{display:grid;grid-template-columns:140px 1fr 48px;align-items:center;gap:12px;font-size:11px;margin:11px 0;color:#b3c9dc}.barTrack{height:8px;background:#1e374a;border-radius:10px;overflow:hidden}.barTrack div{height:100%;border-radius:10px;transition:width 1.5s}.barRow b{text-align:right;font-size:11px;color:#dbeeff}.activityRow{display:grid;grid-template-columns:27px 1fr 74px;align-items:center;gap:9px;border-bottom:1px solid #20384c;padding:10px 0;font-size:11px}.activityRow:last-child{border:0}.activityIcon{width:23px;height:23px;background:#17443f;color:#6aefd2;border-radius:7px;display:grid;place-items:center}.activityRow b{font-weight:500}.activityRow small{display:block;color:#7a96aa;margin-top:4px;font-size:10px}.activityState{color:#68e2ca;text-align:right;font-size:10px}.insight{height:70px;margin-top:17px;border:1px solid #295363;background:linear-gradient(90deg,#123a48,#142b41);border-radius:12px;display:flex;align-items:center;gap:15px;padding:15px 21px}.insight>span{font-size:29px;color:#6ceaf1}.insight b{font-size:13px;color:#d6f5fa}.insight p{font-size:11px;color:#93b4c9;margin:7px 0 0}.insightRight{margin-left:auto;text-align:right;font-size:9px;letter-spacing:1.5px;color:#7fa7bd;line-height:1.9}.insightRight b{font-size:10px;letter-spacing:.6px;color:#67e1d8}footer{height:55px;display:flex;align-items:center;gap:30px;padding:0 36px;border-top:1px solid #294154;background:#0b1c2d;font-size:11px}footer>b{color:#6ddbe5;letter-spacing:1px;white-space:nowrap}.ticker{overflow:hidden;flex:1;color:#9ab4c7;white-space:nowrap}.ticker span{display:inline-block;animation:marquee 35s linear infinite;padding-left:100%}#updated{font-size:10px;color:#739bb5;white-space:nowrap}.slideProgress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#192e40}#progress{height:100%;background:linear-gradient(90deg,#57ddeb,#8881ff,#ffcf66);width:0}#controls{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:7px;padding:10px;background:#061523f2;border:1px solid #47748e;border-radius:13px;box-shadow:0 10px 50px #0009;transition:opacity .4s;white-space:nowrap}#controls button{border:1px solid #365a71;border-radius:7px;padding:10px 13px;font-size:12px;color:#d5eeff;background:#153247}#controls button:hover{background:#24556d}#controls span{font-size:10px;color:#87a5b8;margin:0 6px}body.idle #controls{opacity:0;pointer-events:none;cursor:none}body.idle{cursor:none}#toast{position:fixed;z-index:20;left:50%;top:20px;transform:translateX(-50%);background:#16435a;border:1px solid #58d4e1;padding:12px 24px;border-radius:10px;font-size:14px;opacity:0;transition:.3s;pointer-events:none}#toast.visible{opacity:1}#celebration{position:absolute;inset:110px 0 59px;background:radial-gradient(ellipse at 50% 45%,#163f66,#071626 75%);z-index:5;display:grid;place-items:center}.hidden{display:none!important}#fireworks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.celebrateContent{position:relative;text-align:center;pointer-events:none}.celebrateTag{font-size:14px;letter-spacing:4px;color:#6ce3f1}.trophy{font-size:85px;color:#ffce69;margin:28px 0 10px;text-shadow:0 0 55px #ffd07588;animation:float 3s infinite ease-in-out}.celebrateContent h2{font-size:48px;letter-spacing:1px;margin:12px 0 22px;background:linear-gradient(90deg,#fff1cb,#ffdc77,#fff1cb);background-clip:text;color:transparent}.celebrateContent p{font-size:21px;color:#b6d4e9}.celebrateStats{display:flex;justify-content:center;gap:70px;margin:42px 0}.celebrateStats div{min-width:210px;border-right:1px solid #34576a;padding-right:60px}.celebrateStats div:last-child{border:0;padding-right:0}.celebrateStats strong{display:block;font-size:58px;color:#74e7ea}.celebrateStats span{font-size:12px;letter-spacing:2px;color:#96b4c9;display:block;margin-top:10px}.celebrateContent h3{font-size:24px;color:#edf7ff;letter-spacing:3px;margin-bottom:22px}.celebrateContent small{font-size:12px;color:#7296b0}@keyframes pulse{50%{box-shadow:0 0 18px #54efc3aa;opacity:.6}}@keyframes marquee{to{transform:translateX(-100%)}}@keyframes float{50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Lưới 16:9: giữ trọn biểu đồ, chỉ số và thông điệp trong vùng TV. */
main{padding-top:24px}.pageHead{height:76px;margin-bottom:12px}h1{font-size:34px;margin:8px 0 6px}.kpi{height:108px;padding-top:16px}.kpiNumber{font-size:34px;margin-top:7px}.kpiTrend{bottom:14px}.kpis{margin-bottom:16px}.chartGrid{grid-template-rows:300px 180px;gap:16px}.trend #trendChart{height:190px}.donutWrap{width:166px;height:166px;margin:0 auto 8px}.donutCenter strong{font-size:29px}#donutLegend{gap:8px 12px}.rankings,.operations{padding:15px 21px}.rankings .panelHead,.operations .panelHead{margin-bottom:8px}.rankings h3,.operations h3{font-size:15px}.rankings .panelHead p,.operations .panelHead p{margin-top:5px;font-size:10px}.barRow{margin:6px 0;font-size:10px;line-height:12px}.barRow b{font-size:10px}.barTrack{height:7px}.activityRow{padding:7px 0;font-size:10px}.activityRow small{font-size:9px;margin-top:3px}.insight{height:62px;margin-top:14px;padding:12px 18px}
@media(max-width:1000px){#controls{max-width:95vw;white-space:normal;flex-wrap:wrap;justify-content:center}#controls span{display:none}#controls button{font-size:11px;padding:8px}}
/* FarSee DemoLive V1.1: vùng trình chiếu rộng, không menu và không hàng nút. */
header{height:90px;padding:0 36px}.brand strong{font-size:30px;letter-spacing:1px}#brandIcon{width:76px;height:66px;background:#fff;box-shadow:none;border-radius:12px}#brandIcon img{padding:5px;object-fit:contain;background:#fff}.headCenter{font-size:16px;font-weight:700;letter-spacing:1.5px}.headCenter .liveDot{width:14px;height:14px}.headCenter b{font-size:11px}.liveDot{animation:farseeLive 1s ease-in-out infinite!important}.layout{height:986px;display:block}aside,footer,#controls{display:none!important}main{height:986px;padding:24px 36px 0}.pageHead{height:84px;margin-bottom:12px}h1{font-size:38px}.kpi{height:118px}.kpiNumber{font-size:40px}.kpiLabel{font-size:15px}.kpiTrend{font-size:12px}.chartGrid{grid-template-columns:1.7fr 1fr;grid-template-rows:335px 195px;gap:18px}.trend #trendChart{height:225px}.donutWrap{width:190px;height:190px}.donutCenter strong{font-size:34px}.panelHead h3{font-size:20px}.panelHead p{font-size:12px}#donutLegend{font-size:12px}.rankings h3,.operations h3{font-size:18px}.rankings .panelHead p,.operations .panelHead p{font-size:11px}.barRow{font-size:12px;grid-template-columns:170px 1fr 55px;line-height:13px;margin:7px 0}.barRow b{font-size:12px}.activityRow{font-size:12px;padding:7px 0}.activityRow small{font-size:10px}.insight{height:70px;margin-top:14px}.insight b{font-size:15px}.insight p{font-size:13px}.insightRight b{font-size:12px}.insightRight{font-size:11px}#celebration{inset:90px 0 4px}@keyframes farseeLive{0%,100%{opacity:1;box-shadow:0 0 0 0 #54efc377,0 0 17px #54efc366}50%{opacity:.35;box-shadow:0 0 0 9px #54efc300}}
.chartGrid{grid-template-rows:325px 205px}.trend #trendChart{height:215px}.donutWrap{width:180px;height:180px}