*{box-sizing:border-box}body{margin:0;background:#f4f8f6;color:#16352a;font-family:Arial,"Noto Sans Thai",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:68px;background:#fff;border-bottom:1px solid #dfeae4;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 1100px)/2));position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brandmark{width:38px;height:38px;border-radius:12px;background:#0b7a53;color:#fff;display:grid;place-items:center;font-size:22px}.brand b{display:block;letter-spacing:.7px}.brand small{color:#789086}.iconbtn{border:0;background:#edf6f1;border-radius:12px;padding:10px 12px}.shell{max-width:1100px;margin:auto;padding:18px 16px 40px}.hero{background:linear-gradient(135deg,#0b7a53,#149c6a);color:white;border-radius:24px;padding:24px;display:flex;justify-content:space-between;align-items:center;min-height:180px;box-shadow:0 12px 30px #0b7a5322}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;opacity:.75}.hero h1{margin:7px 0;font-size:30px;line-height:1.1}.hero p{margin:0;opacity:.85}.heroicon{font-size:86px;opacity:.18}.tabs{display:flex;gap:6px;background:#fff;padding:7px;border:1px solid #dfeae4;border-radius:18px;margin:16px 0;position:sticky;top:68px;z-index:9;overflow:auto}.tab{border:0;background:transparent;color:#6a7f75;border-radius:13px;padding:10px 13px;min-width:82px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px}.tab.active{background:#e7f5ee;color:#08754f;font-weight:700}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin:22px 0 13px}.sectiontitle h2{margin:3px 0;font-size:25px}.live{font-size:11px;color:#0b7a53;font-weight:800}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card,.panel,.stockhero,.forecastcard{background:#fff;border:1px solid #dfeae4;border-radius:18px;padding:17px;box-shadow:0 5px 18px #12352a0b}.action{text-align:left;display:flex;flex-direction:column;gap:6px}.action .big{font-size:26px}.action b{font-size:15px}.card small,.panel small{color:#758980}.panel{margin-top:14px}.row,.listrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.listrow{padding:13px 0;border-top:1px solid #edf2ef;font-size:13px}.muted{color:#83948d;font-size:12px}.docno{color:#08754f;font-weight:800}.empty{text-align:center;padding:22px;color:#92a19b;font-size:13px}.steps{display:flex;align-items:center;justify-content:center;margin:15px 0}.steps span{width:30px;height:30px;border-radius:50%;background:#e1ebe6;display:grid;place-items:center;color:#718078;font-weight:700}.steps span.on{background:#0b7a53;color:#fff}.steps i{height:2px;background:#dce7e2;width:45px}.form{display:grid;gap:14px}.form label{font-weight:700;font-size:13px}.form select,.form input,.filters select{width:100%;margin-top:6px;border:1px solid #d4e2db;border-radius:12px;padding:12px;background:#fff;color:#18382c;outline:none}.primary{border:0;background:#0b7a53;color:#fff;border-radius:13px;padding:14px;font-weight:800}.outline,.tiny{border:1px solid #bcd2c7;background:#fff;color:#08754f;border-radius:10px;padding:8px 11px}.tiny{font-size:11px;padding:6px 8px}.notice{background:#edf8f2;color:#376b56;border-radius:12px;padding:11px;font-size:12px}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.kpis div{background:#fff;border:1px solid #dfeae4;border-radius:16px;padding:14px}.kpis small{display:block;color:#7c8d86}.kpis b{font-size:22px}.tablewrap{overflow:auto;background:#fff;border:1px solid #dfeae4;border-radius:16px}.tablewrap table{width:100%;border-collapse:collapse;min-width:600px}.tablewrap th,.tablewrap td{padding:12px;border-bottom:1px solid #edf2ef;text-align:left;font-size:13px}.tablewrap th{background:#f0f7f3}.stockhero{background:linear-gradient(135deg,#e8f6ef,#fff);text-align:center;padding:30px}.stockhero small,.stockhero span{display:block;color:#6e8279}.stockhero strong{display:block;font-size:46px;color:#08754f;margin:7px}.forecastcard{text-align:center;padding:28px}.ring{display:block;font-size:40px}.forecastcard b{display:block;color:#08754f;font-size:24px;margin:5px}@media(max-width:600px){.shell{padding:12px 10px 28px}.hero{min-height:150px;padding:19px;border-radius:19px}.hero h1{font-size:25px}.heroicon{font-size:60px}.tabs{top:68px;border-radius:15px}.tab{min-width:70px;padding:9px 7px}.grid2{grid-template-columns:1fr 1fr;gap:9px}.card{padding:14px}.filters{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}.kpis div:last-child{grid-column:1/-1}.sectiontitle h2{font-size:22px}.topbar{padding:0 12px}}@media(max-width:360px){.grid2{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.hero h1{font-size:22px}.tab{min-width:62px;font-size:10px}}