#ce2027TopTab{min-width:130px}.ce27View{display:none}.ce27View.show{display:block}.ce27Hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:20px 0 14px;padding:23px 25px;border-radius:10px;background:linear-gradient(118deg,#162b32,#34545c);color:#fff;border-bottom:5px solid #f2bd00}.ce27Hero small{display:block;margin-bottom:6px;color:#f2bd00;font-size:9px;font-weight:800;letter-spacing:1.35px}.ce27Hero h2{margin:0 0 6px;font:700 29px Georgia,"Noto Serif Thai",serif}.ce27Hero p{margin:0;color:#cad6d7;font-size:11px}.ce27Hero a{display:inline-flex;padding:10px 13px;border-radius:5px;background:#f2bd00;color:#172b31;text-decoration:none;font-size:10px;font-weight:800}.ce27Kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.ce27Kpis article{padding:13px 15px;background:#fff;border:1px solid var(--line);border-top:4px solid #3d7665;border-radius:8px}.ce27Kpis article:nth-child(2){border-top-color:#477383}.ce27Kpis article:nth-child(3){border-top-color:#d39a3e}.ce27Kpis article:nth-child(4){border-top-color:#b9534a}.ce27Kpis small,.ce27Kpis strong,.ce27Kpis span{display:block}.ce27Kpis small{color:#74817b;font-size:8px;font-weight:800;letter-spacing:.75px}.ce27Kpis strong{margin-top:6px;font:700 24px Georgia}.ce27Kpis span{margin-top:2px;color:#7a8580;font-size:8px}.ce27Filters{display:grid;grid-template-columns:1.45fr repeat(5,minmax(105px,.7fr)) auto;gap:7px;align-items:end;margin-bottom:13px;padding:12px 13px;background:#fff;border:1px solid var(--line);border-radius:8px}.ce27Filters label{display:flex;flex-direction:column;gap:4px;color:#5e6a64;font-size:8px;font-weight:800}.ce27Filters input,.ce27Filters select{height:35px;width:100%;min-width:0;border:1px solid #c7d0cb;border-radius:5px;background:#fff;padding:0 8px;font-size:9px}.ce27Filters input:focus,.ce27Filters select:focus{outline:2px solid #2c755e;outline-offset:-1px}.ce27Filters button{height:35px;border:1px solid #adbbb4;border-radius:5px;background:#fff;color:#285b49;padding:0 10px;font-size:8px;font-weight:800;cursor:pointer}.ce27Active{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:29px;margin:-3px 0 10px;color:#708078;font-size:8px}.ce27Active button{border:1px solid #b9cbc2;border-radius:99px;background:#eef6f2;color:#2d644f;padding:4px 7px;font-size:8px;cursor:pointer}.ce27Grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:13px}.ce27Panel{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:9px}.ce27Head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line)}.ce27Head small{display:block;margin-bottom:3px;color:#74817b;font-size:8px;font-weight:800;letter-spacing:.9px}.ce27Head h3{margin:0;font-size:15px}.ce27Head p{margin:0;color:#74817b;font-size:8px;text-align:right}.ce27Legend{display:flex;gap:10px;flex-wrap:wrap;padding:9px 14px;background:#f7f9f7;border-bottom:1px solid var(--line)}.ce27Legend button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#607069;font-size:8px;cursor:pointer}.ce27Legend button.active{font-weight:800;text-decoration:underline}.ce27Legend i{width:8px;height:8px;border-radius:50%}.ce27Bars{display:grid;gap:7px;padding:13px 14px;max-height:360px;overflow:auto}.ce27Bar{display:grid;grid-template-columns:minmax(85px,125px) 1fr 68px;gap:8px;align-items:center}.ce27BarLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#34473f;font-size:9px;font-weight:700}.ce27BarTrack{height:22px;border:0;border-radius:4px;background:#edf1ef;padding:0;text-align:left;overflow:hidden;cursor:pointer}.ce27BarTrack:hover{box-shadow:0 0 0 2px #2f735c}.ce27BarMeasure{display:flex;height:100%;min-width:2px;border-radius:4px;overflow:hidden}.ce27BarMeasure i{height:100%}.ce27BarMeasure i.draft{background:#3e8068}.ce27BarMeasure i.wait{background:#d59a3e}.ce27BarMeasure i.uploaded{background:#4d788a}.ce27BarValue{text-align:right;color:#4f6058;font-size:8px;font-weight:800}.ce27MonthChart{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:210px;padding:18px 15px 10px}.ce27Month{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;border:0;background:transparent;padding:0;cursor:pointer}.ce27Month:hover .ce27MonthBar,.ce27Month.active .ce27MonthBar{box-shadow:0 0 0 2px #183f34}.ce27MonthValue{font-size:7px;color:#53655d;writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:5px}.ce27MonthBar{width:70%;min-height:2px;border-radius:3px 3px 0 0;background:#3f8068}.ce27MonthName{margin-top:5px;color:#65736c;font-size:7px;font-weight:800}.ce27Allocation{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 13px}.ce27Allocation span{padding:9px;border-radius:5px;background:#eef5f1;color:#3b6253;font-size:8px}.ce27Allocation span:last-child{background:#fff3df;color:#8b5b22}.ce27Detail{margin-bottom:14px}.ce27TableWrap{overflow:auto;max-height:620px}.ce27Table{width:100%;min-width:1120px;border-collapse:collapse;font-size:8px}.ce27Table th{position:sticky;top:0;z-index:1;background:#223940;color:#fff;text-align:left;font-size:8px}.ce27Table th,.ce27Table td{padding:9px 10px;border-bottom:1px solid #e3e7e4;vertical-align:top}.ce27Table tbody tr:hover{background:#f6faf7}.ce27Table td:nth-child(2){min-width:270px}.ce27Table td b,.ce27Table td small{display:block}.ce27Table td small{margin-top:3px;color:#78847e;line-height:1.35}.ce27Badge{display:inline-block;padding:3px 6px;border-radius:99px;background:#e7efeb;color:#326650;font-size:7px;font-weight:800}.ce27Badge.wait{background:#f8e8d0;color:#915e1f}.ce27Badge.uploaded{background:#e1edf2;color:#3e6878}.ce27Money{white-space:nowrap;text-align:right;font-weight:800}.ce27Empty{padding:35px!important;text-align:center;color:#7b8882}.ce27Footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#f7f9f7;color:#63716a;font-size:8px}@media(max-width:1120px){.ce27Filters{grid-template-columns:repeat(4,1fr)}.ce27Kpis{grid-template-columns:1fr 1fr}}@media(max-width:760px){.ce27Hero{align-items:flex-start;flex-direction:column;padding:18px}.ce27Grid{grid-template-columns:1fr}.ce27Filters{grid-template-columns:1fr 1fr}.ce27Bar{grid-template-columns:95px 1fr 60px}.ce27MonthChart{gap:3px}.ce27Kpis{grid-template-columns:1fr 1fr}}@media(max-width:460px){.ce27Kpis,.ce27Filters{grid-template-columns:1fr}.ce27Hero h2{font-size:25px}.ce27MonthValue{display:none}}