:root{--navy:#061a30;--navy2:#0b2847;--blue:#207cf0;--blue-deep:#1358c8;--bg:#f4f7fb;--surface:#fff;--ink:#172b45;--muted:#728297;--line:#e6ecf3;--red:#d84250;--red-bg:#fff0f1;--green:#128a60;--green-bg:#e8f8ef;--aqua:#56d7ce;--shadow:0 8px 30px rgba(20,40,65,.045);font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:13px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{text-decoration:none;color:inherit}b,strong{font-weight:750}#shell{display:flex;min-height:100vh}.sidebar{width:242px;min-width:242px;background:linear-gradient(171deg,#081b31,#0c2440 65%,#061629);color:#c4d2e2;min-height:100vh;position:sticky;top:0;align-self:flex-start;height:100vh;display:flex;flex-direction:column;z-index:12;padding:27px 15px 20px}.brand{display:flex;align-items:center;gap:12px;padding:3px 12px 38px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(130deg,#2592ff,#2841be);color:#fff;border-radius:12px;font-size:24px;font-weight:800;letter-spacing:-4px}.brand-mark span{color:#68e2d7;font-size:22px}.brand b{display:block;color:white;font-size:17px;letter-spacing:-.7px;white-space:nowrap}.brand em{color:#7ac4ff;font-style:normal}.brand small{font-size:8px;letter-spacing:2.1px;font-weight:700;color:#7f97b4}.side-group-label{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#5e83aa;padding:0 15px 11px}.space-top{margin-top:32px}.sidenav{display:grid;gap:4px}.nav-link{width:100%;border:none;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;color:#aebfd3;font-weight:600;font-size:12px;padding:12px 14px;border-radius:9px}.nav-link span{width:20px;font-size:18px;text-align:center;color:#7a9fc2}.nav-link:hover{background:#133251;color:#fff}.nav-link.selected{background:linear-gradient(90deg,#184c89,#153759);color:white;box-shadow:inset 3px 0 #42b4ff}.nav-link.selected span{color:#79c3ff}.side-bottom{margin-top:auto;padding:0 12px}.dot-note{border:1px solid #28405c;color:#a8bfcc;font-size:10px;display:flex;align-items:center;gap:9px;border-radius:10px;padding:13px 10px}.pulse-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#42d9a0;box-shadow:0 0 0 4px rgba(71,222,153,.12)}.side-footer{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;color:#65819d;margin-top:22px}.side-footer strong{color:#a4bbd1}#main{min-width:0;flex:1}.topbar{height:67px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px}.breadcrumb{font-size:10px;letter-spacing:1.2px;color:#8191a4;font-weight:750}.breadcrumb span{color:#b4bfcb;padding:0 13px}.breadcrumb strong{color:#305b88}.top-actions{display:flex;align-items:center;gap:12px}.live-tag{display:flex;align-items:center;gap:11px;color:#5f7b96;font-size:10px;font-weight:800;letter-spacing:1px;margin-right:12px}.primary-btn,.ghost-btn,.light-btn,.text-btn,.icon-button{border:0;border-radius:9px;font-weight:700;white-space:nowrap}.primary-btn{color:white;background:#1c75e6;padding:11px 17px;box-shadow:0 5px 14px rgba(28,117,230,.19)}.primary-btn:hover{background:#075cc9}.primary-btn.purple{background:#7546da}.ghost-btn{background:#f2f6fb;border:1px solid #ebf0f6;color:#57708e;padding:10px 15px}.light-btn{background:white;color:#315b80;border:1px solid #dbe6f1;padding:10px 13px}.light-btn:hover{background:#f0f8ff}.text-btn{background:none;color:#1f7add;padding:5px}.icon-button{width:34px;height:34px;background:#f2f6fa;color:#506982}.mobile-only{display:none}.content{padding:33px 35px 23px;max-width:1780px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.eyebrow,.overline,.week-overline,.section-id{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#4f90d5}.page-head h1{font-weight:800;font-size:30px;letter-spacing:-1.3px;margin:10px 0 9px;color:#0a2440}.page-head h1 span{color:#1d78e1}.page-head p,.section-heading p{color:#8090a2;font-size:12px;margin:0;line-height:1.7}.head-week{background:#e9f3ff;border:1px solid #d7e7fb;padding:13px 20px;border-radius:13px;min-width:171px;text-align:right}.week-overline{font-size:9px;color:#5580aa}#weekBig{font-size:23px;font-weight:850;color:#0a4a96;letter-spacing:-1px;margin:2px 0}#weekBig small{font-size:12px;color:#6c8eb0;font-weight:650}#weekDates{font-size:10px;color:#567694;font-weight:650}.filters-wrap{background:white;border:1px solid var(--line);padding:16px 18px 12px;border-radius:13px;box-shadow:var(--shadow);margin-bottom:28px}.filter-title{display:flex;align-items:center;gap:10px;margin-bottom:13px;font-size:12px}.filter-title small{color:#a6b1bf;font-size:10px;font-weight:500}.filter-symbol{color:#2678cd;font-size:17px}.filter-grid{display:grid;grid-template-columns:1fr 1fr 1.05fr 1.25fr 1.25fr;gap:10px}.filter-grid label{display:flex;flex-direction:column;gap:7px;min-width:0}.filter-grid label>span{font-size:10px;color:#8191a1;font-weight:700}.filter-grid select,.filter-grid input,.inline-select,.form-input{width:100%;height:39px;padding:0 11px;border-radius:8px;border:1px solid #dfe7f0;background:#f9fbfe;color:#28425f;outline:none;font-size:11px}.filter-grid select:focus,.filter-grid input:focus,.form-input:focus{border-color:#3398fd;background:#fff}.filter-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f5;padding-top:11px;margin-top:12px;color:#8796aa;font-size:10px}.section-label{display:flex;align-items:center;gap:8px;color:#8794a6;font-size:10px;font-weight:800;letter-spacing:1.2px;margin:0 0 13px}.accent-pip{display:inline-block;background:#2282e5;width:4px;height:17px;border-radius:3px;margin-right:2px}.muted-divider{color:#c3cddb}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.kpi-card{background:white;border:1px solid var(--line);padding:17px 17px 15px;border-radius:13px;min-height:136px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .15s}.kpi-card:hover{transform:translateY(-2px)}.kpi-card:before{content:'';position:absolute;width:70px;height:70px;border-radius:50%;right:-26px;top:-23px;background:#edf6ff}.kpi-card.orange:before{background:#fff1e8}.kpi-card.green:before{background:#eaf9f2}.kpi-card.purple:before{background:#f1ecff}.kpi-card .kpi-head{display:flex;justify-content:space-between;align-items:center;gap:8px;position:relative}.kpi-card .kpi-name{font-size:10px;color:#74869c;font-weight:750}.kpi-icon{border:1px solid #e5edf7;background:#f8fbff;color:#247bd5;min-width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:16px}.kpi-card.orange .kpi-icon{color:#dd8235;background:#fff9f4;border-color:#ffead9}.kpi-card.green .kpi-icon{color:#13a073;background:#f4fff8;border-color:#d6f7e4}.kpi-card.purple .kpi-icon{color:#885ae3;background:#faf7ff;border-color:#ebe1ff}.kpi-value{font-size:26px;font-weight:800;color:#19314a;letter-spacing:-.7px;margin:12px 0 8px;line-height:1.08;white-space:nowrap}.kpi-bottom{display:flex;justify-content:space-between;gap:5px;align-items:center;color:#9aa6b3;font-size:10px}.delta-tag{font-size:10px;font-weight:750;border-radius:5px;padding:4px 6px;white-space:nowrap}.delta-tag.good{color:#0c9466;background:#e4f8f0}.delta-tag.bad{color:#d24350;background:#fff0f1}.delta-tag.flat{color:#738397;background:#eff2f6}.analysis-grid{display:grid;grid-template-columns:1fr 1fr .82fr;gap:14px;margin-bottom:40px}.surface{border-radius:13px;border:1px solid var(--line);box-shadow:var(--shadow);background:white}.analysis-panel,.analytic-note{padding:18px 20px 17px;min-height:294px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.panel-heading .overline{font-size:9px;letter-spacing:1.2px}.panel-heading h3{font-size:15px;color:#243b53;margin:7px 0 5px;letter-spacing:-.25px}.panel-heading p{font-size:10px;color:#96a2b0;margin:0}.icon-emblem{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;font-size:18px;font-weight:700}.icon-emblem.coral{background:#fff0f0;color:#e85862}.icon-emblem.blue{background:#edf5ff;color:#377ee1}.icon-emblem.green{background:#e9f8ef;color:#269968}.hbar-chart{display:grid;gap:12px;margin-top:24px}.hbar-row{display:grid;grid-template-columns:62px 1fr 60px;align-items:center;gap:12px;font-size:10px;font-weight:650;color:#5e7085}.bar-track{height:8px;border-radius:6px;background:#eaf1f8;overflow:hidden}.bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#56a7ff,#1a71d8)}.bar-fill.coral{background:linear-gradient(90deg,#f3aaa2,#e56974)}.bar-number{text-align:right;font-variant-numeric:tabular-nums;color:#2e4661}.quality-list{display:grid;gap:12px;margin-top:26px}.quality-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f3f6;padding-bottom:11px}.quality-item:last-child{border:0}.q-icon{display:grid;place-items:center;min-width:29px;height:29px;background:#f4f7fd;border-radius:8px;color:#3c83c5;font-size:13px}.q-content{display:grid;gap:3px}.q-content b{font-size:11px}.q-content small{font-size:10px;color:#95a3b1}.q-number{margin-left:auto;font-weight:800;font-size:15px;color:#1e466f}.report-section{margin-bottom:37px}.scroll-anchor{scroll-margin-top:30px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}.section-id{font-size:10px}.section-heading h2{font-size:21px;letter-spacing:-.6px;margin:5px 0;color:#0b2948}.section-heading h2 span{color:#2677d5}.report-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-select{max-width:205px}.data-surface{overflow:hidden}.table-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fcfdff;border-bottom:1px solid #edf1f5;font-size:10px;color:#8190a2;font-weight:650}.tag-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:8px}.legend-dot.bad{background:#e27681}.legend-dot.good{background:#2fb88b}.legend-dot.na{background:#c3ccd5}.table-scroll{overflow:auto;max-width:100%;scrollbar-color:#b4c9dc #f3f7fa;scrollbar-width:thin}.report-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:10.5px;font-variant-numeric:tabular-nums}.report-table th,.report-table td{border-right:1px solid #e7edf4;border-bottom:1px solid #ebeff5;padding:9px 9px;vertical-align:middle;text-align:center;white-space:nowrap}.report-table thead th{background:#0e4d82;color:white;position:sticky;top:0;z-index:5;font-size:10px;font-weight:700;border-color:#336d9a}.report-table thead tr.subheads th{background:#1277bd;top:33px;font-size:10px;height:43px}.report-table thead tr.group-head th{height:33px}.report-table thead th.region-col{left:0;z-index:8;min-width:100px;max-width:168px;text-align:left;background:#11598e}.report-table tbody tr:hover td{background:#f0f8ff}.report-table tbody td.region-col{position:sticky;left:0;background:#fff;z-index:3;box-shadow:2px 0 0 rgba(13,52,85,.04);font-weight:750;text-align:left;color:#27405e;max-width:180px;overflow:hidden;text-overflow:ellipsis}.report-table tbody tr.row-total td{background:#dceaf8;font-weight:800}.report-table tbody tr.row-total td.region-col{background:#d7e8f7}.report-table tbody tr.row-region td{background:#f8fbff;font-weight:650}.report-table tbody tr.row-region td.region-col{background:#ecf5ff}.report-table tbody tr:hover td.region-col{background:#e4f4ff}.val-strong{font-weight:750;color:#1b314d}.cell-stack{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.cell-delta{font-size:10px;font-weight:700;padding:3px 4px;border-radius:4px}.cell-delta.good{background:#d9f4e1;color:#087f55}.cell-delta.bad{background:#ffe2e3;color:#c72a38}.cell-delta.flat{background:#f0f3f5;color:#76869a}.empty-cell{color:#b5bfca}.sort-th{cursor:pointer}.sort-th:hover{filter:brightness(1.14)}.sort-arrow{font-size:8px;margin-left:4px;opacity:.7}.fulltable{position:fixed!important;inset:12px!important;z-index:40!important;padding:0!important;background:white!important;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 9999px rgba(2,10,24,.75),0 20px 50px #00132633;border-radius:12px}.fulltable .table-scroll{flex:1;max-height:calc(100vh - 93px)}.fulltable .report-table thead th{top:0}.fulltable .report-table thead tr.subheads th{top:33px}.fulltable .table-status:before{content:'CHẾ ĐỘ TRÌNH CHIẾU · Nhấn ESC để thoát';color:#2777bc;font-weight:800;margin-right:22px}.fulltable .report-table{font-size:12px}.fulltable .report-table th,.fulltable .report-table td{padding:12px}.fulltable .report-table thead tr.group-head th{height:37px}.fulltable .report-table thead tr.subheads th{top:37px}.insights-section{margin-top:42px}.insight-layout{display:grid;grid-template-columns:1.7fr .7fr;gap:14px}.insight-primary{padding:24px 26px;min-height:252px;background:linear-gradient(116deg,#fff,#fcfbff)}.insight-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.insight-kicker{font-weight:800;font-size:10px;color:#7153b3;letter-spacing:1.1px}.mode-tag{font-size:10px;color:#6b4eb3;background:#f0e9fd;border-radius:6px;padding:6px 9px;font-weight:750}.insight-copy{font-size:12px;line-height:1.9;color:#42556d}.insight-copy h4{color:#203852;font-size:13px;margin:18px 0 3px}.insight-copy p{margin:6px 0}.insight-copy ul{padding-left:19px;margin:7px 0}.insight-copy li{margin-bottom:8px}.insight-foot{border-top:1px solid #eeeaf5;color:#a09bb2;font-size:10px;margin-top:18px;padding-top:13px}.insight-context{padding:25px 19px}.insight-context h3{margin:0 0 19px;color:#1c3650;font-size:14px}.context-line{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;font-size:11px;line-height:1.65;color:#698099}.context-icon{font-size:9px;display:grid;place-items:center;min-width:27px;height:27px;border-radius:8px;background:#ecf2fa;color:#3272b6;font-weight:800}.footer{display:flex;justify-content:space-between;color:#9baabd;font-size:10px;padding:8px 0 20px;gap:10px}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-root.hidden,.toast.hidden{display:none}.modal-dimmer{position:absolute;inset:0;background:rgba(5,18,35,.67);backdrop-filter:blur(3px)}.modal-card{position:relative;background:#fff;max-width:670px;width:100%;max-height:90vh;overflow-y:auto;border-radius:15px;box-shadow:0 22px 65px rgba(0,0,0,.21)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line);font-size:17px;font-weight:750}.modal-head .icon-button{flex:none}#modalBody{padding:22px 24px 26px}.modal-intro{line-height:1.8;color:#71869b;font-size:12px;margin-top:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.form-field{display:grid;gap:8px}.form-field label{font-weight:750;font-size:11px;color:#5d7287}.drop-zone{padding:26px;border:2px dashed #b9cfe8;background:#f8fbff;border-radius:12px;display:grid;place-items:center;text-align:center;gap:7px;color:#6083a3;cursor:pointer;margin-bottom:18px}.drop-zone strong{color:#286ca6;font-size:13px}.drop-zone small{font-size:10px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px}.data-hint{background:#f1f7ff;padding:11px 13px;border-left:3px solid #3487d8;font-size:11px;color:#546c86;line-height:1.7;border-radius:5px;margin:12px 0}.warn-hint{background:#fff6ee;border-left-color:#edaa53}.history-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px;border:1px solid #e5ecf3;border-radius:9px;margin-bottom:8px}.history-item small{font-size:10px;color:#8191a3}.history-item b{display:block;margin-bottom:4px}.history-btns{display:flex;gap:7px}.mini-btn{padding:7px 10px;background:#eef5fd;border:1px solid #dce8f4;color:#216cb1;border-radius:7px;font-weight:750;font-size:10px}.separator{height:1px;background:#ebeff5;margin:23px 0}.toast{position:fixed;right:25px;bottom:25px;background:#0f2b45;color:white;z-index:110;padding:13px 20px;border-radius:10px;box-shadow:0 15px 35px #061c3350;max-width:500px;font-size:12px}.loader{display:inline-block;width:13px;height:13px;border:2px solid #cbd9ff;border-top-color:#527cdc;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.hide{display:none!important}
@media(max-width:1300px){.sidebar{width:208px;min-width:208px}.content{padding:26px 21px}.topbar{padding:0 22px}.cards-grid{gap:10px}.kpi-card{padding:15px 12px}.analysis-grid{grid-template-columns:1fr 1fr}.analytic-note{grid-column:span 2;min-height:auto}.quality-list{grid-template-columns:repeat(3,1fr)}.quality-item{border:0}}
@media(max-width:1020px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:195px;min-width:195px}.analysis-grid{grid-template-columns:1fr 1fr}}
@media(max-width:740px){.sidebar{position:fixed;left:-250px;transition:left .2s;width:240px;min-width:240px;box-shadow:10px 0 40px #06162966}.sidebar.open{left:0}.mobile-only{display:inline-grid;place-items:center}.topbar{padding:0 14px;height:58px}.breadcrumb{font-size:8px}.top-actions{gap:7px}.live-tag{display:none}.content{padding:20px 13px}.page-head{align-items:start}.page-head h1{font-size:23px}.page-head p{font-size:10px}.head-week{min-width:110px;padding:10px}.head-week #weekBig{font-size:18px}.filter-grid{grid-template-columns:1fr 1fr}.search-input{grid-column:span 2}.cards-grid{gap:9px}.kpi-card{min-height:116px}.kpi-value{font-size:21px}.analysis-grid{grid-template-columns:1fr}.analytic-note{grid-column:auto}.quality-list{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:19px}.insight-layout{grid-template-columns:1fr}.footer{flex-direction:column}.form-row{grid-template-columns:1fr}.hide-sm{display:none}.modal-card{max-height:92vh}}
@media print{.sidebar,.topbar,.filters-wrap,.report-actions,.insight-context,.footer,.analysis-grid{display:none!important}.content{padding:0 10px!important}.report-section{break-before:page}.table-scroll{overflow:visible!important}.report-table{font-size:8px}.report-table td,.report-table th{padding:3px}.cards-grid{grid-template-columns:repeat(4,1fr)}.kpi-card{min-height:90px;box-shadow:none}.report-section{margin-bottom:15px}.report-table{width:100%;max-width:100%}}