@import "https://cdn-uicons.flaticon.com/3.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css";@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=Prompt:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Mitr:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Mitr:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Mitr:wght@300;400;500;600&family=Kanit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap";body,html{background:linear-gradient(270deg,#8fd8ff26 0%,#fff8b826 99%) fixed;width:100%;min-height:100vh;margin:0;padding:0}.homePage{width:100%;color:var(--text);background:linear-gradient(270deg,#8fd8ff26 0%,#fff8b826 99%) fixed;margin:0 auto}.topBar{background:#87c7eb;justify-content:center;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:15px;display:flex}.topRow{justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:0 30px;display:flex}.brand{color:#fff;align-items:center;gap:10px;font-weight:400;text-decoration:none;display:flex}.brandLogo{object-fit:contain;width:200px;height:84px}.navLinks{align-items:center;gap:28px;display:flex}.navLinks a{color:#f1f1f1;opacity:.95;font-size:20px;font-weight:400;text-decoration:none}.navLinks .active{color:#fff;font-weight:500}.navLinks a:hover{color:#1d4ed8}.navLinks button{background:#1d4ed8;padding:5px 15px}.navAuth{align-items:center;gap:10px;display:flex}.navUserActions{align-items:center;gap:4px;min-width:0;display:flex}.userNameText{color:#fff;font-size:25px;display:inline-block;transform:translateY(-1px)}.hello{color:#fff;align-items:center;gap:10px;margin-right:15px;font-weight:700;display:flex}.iconBorder{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;box-shadow:0 2px 6px #3b82f64d}.navBtn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;height:28px;padding:18px 17px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.navBtnOutline{color:#fff;background:#ffbe1b}.navBtnWhite{color:#5285e8;background:#fff}.navBtnOutline:hover,.navBtnWhite:hover{filter:brightness(.98)}.searchRow{justify-content:center;width:100%;margin:5px auto 0;display:flex}.searchBox{background:#fff;border:1px solid #a2c0fd;border-radius:35px;align-items:center;gap:10px;width:700px;height:48px;padding:5px 12px;display:flex;box-shadow:0 2px 2px #3333331f}.searchBox input{color:#999;background:0 0;border:none;outline:none;flex:1}.searchBox input::placeholder{color:#999;opacity:1;letter-spacing:1px;font-size:16px;font-weight:100}.searchBtn{cursor:pointer;background:0 0;border:0;font-size:26px}.fa-magnifying-glass{color:#484848}.fa-magnifying-glass:hover{color:#b6b6b6}.searchBox input:focus,.searchBox input:focus-visible{box-shadow:none;border:none;outline:none}.hero{background-image:url(/unieed_pic/bannerunieed.png);background-position:top;background-size:cover;min-height:380px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0;overflow:hidden}.heroInner{background-position:50%;width:100%;max-width:1440px;min-height:380px;margin:0 auto}.heroLeft{color:#fff;text-shadow:0 1px 2px #0000002e;width:100%;margin:50px 80px;line-height:20px}.heroLeft h1{margin-top:30px;font-size:50px;font-weight:500}.heroLeft p{font-size:24px;font-weight:400}.heroSub span{color:#ffedbf;font-size:40px;font-weight:500}.heroSearchBtn{color:#fff;cursor:pointer;background:#fc8d1f;border:2px solid #fff;border-radius:99px;align-items:center;gap:8px;margin-top:16px;padding:10px 22px;font-family:Kanit,sans-serif;font-size:16px;font-weight:500;transition:background .18s,border-color .18s;display:inline-flex}.heroSearchBtn:hover{color:#fff;background:#e07010}.heroSearchArrow{color:#fc8d1f;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;line-height:1;transition:color .18s;display:inline-flex}.heroSearchBtn:hover .heroSearchArrow{color:#e07010}.heroActions{justify-content:flex-end;gap:20px;width:100%;margin-top:220px;padding:0 110px 0 0;display:flex;position:relative}.hero-icon{height:auto;margin-bottom:20px;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.pill{height:72px;text-shadow:none;border-radius:999px;justify-content:center;align-items:center;padding:0 28px;font-weight:400;text-decoration:none;transition:background .18s;display:inline-flex;position:relative;bottom:20px}.text-ban a{margin-left:10px;font-size:22px;font-weight:600}.pill .pillYellow svg{margin-right:8px}.pillYellow{color:#fff;background:#fc8d1f;border:2.5px solid #fff}.pillWhite{color:#fff;background:#2563eb;border:2.5px solid #fff}.pillYellow:hover{background:#e07010}.pillWhite:hover{background:#1d4ed8}.stats{text-align:center;margin-top:10px;padding:50px 0 20px}.stats h2{color:#5285e8;margin:0;font-size:32px;font-weight:400}.stats .sub{color:#000;margin:6px 0 16px;font-size:20px;font-weight:100}.statGrid{grid-template-columns:repeat(3,280px);justify-items:center;gap:3px;width:fit-content;margin:20px auto;padding:0;display:grid}.statCard{border:1px solid var(--line);box-sizing:border-box;text-align:center;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;width:260px;height:230px;padding:15px 0;font-weight:700;display:flex;box-shadow:0 2px 2px #0000001f}.statIcon1 svg{margin-top:10px}.statIcon2 svg{margin-top:-1px}.statIcon{font-size:40px}.statValue1{margin-top:4px;font-family:Kanit;font-size:56px;font-weight:500}.statValue{margin-top:-8px;font-family:Kanit;font-size:56px;font-weight:500}.statLabel{color:#595959;font-size:20px;font-weight:200}.statBlue{color:#88b1ff;background:#ccdeff}.statGreen{color:#92cc2c;background:#e6ffbb}.statYellow{color:#ffbe1b;background:#ffedbf}.steps{background:#e0ebff;width:100vw;margin-top:100px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:30px}.stepsWrap{justify-content:space-between;align-items:center;gap:18px;width:100%;max-width:1440px;margin:0 auto;display:flex}.stepsSide{flex-direction:column;justify-content:center;width:20%;height:100px;display:flex}.stepsBig{color:#5285e8;text-align:center;font-size:30px;font-weight:700;line-height:1.1}.stepsCards{flex:1;grid-template-columns:repeat(5,180px);gap:14px;width:292px;height:200px;display:grid}.stepCard{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;justify-content:center;padding:14px;box-shadow:0 10px 22px #00000014}.stepPic svg,.stepPic img{margin-top:15px}.stepTitle{color:#000;margin-bottom:3px;font-size:13px;font-weight:600;position:relative;top:20px}.stepDesc{color:#475569;max-width:260px;margin:0 auto;padding:20px 0 0;font-size:10px;font-weight:500;line-height:1.5}.faqSection{background:#fff;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:52px 24px}.faqWrap{flex-direction:column;gap:10px;width:100%;max-width:680px;margin:32px auto 0;display:flex}.faqTitle{color:#5285e8;text-align:center;justify-content:center;align-items:center;gap:8px;margin-bottom:6px;font-family:Kanit,sans-serif;font-size:20px;font-weight:700;display:flex}.faqItem{background:#fff;border:1.5px solid #dbeafe;border-radius:12px;transition:border-color .2s;overflow:hidden}.faqItem.faqItemOpen{border-color:#5285e8}.faqQ{cursor:pointer;color:#111827;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 20px;font-family:Kanit,sans-serif;font-size:15px;font-weight:500;display:flex}.faqChevron{color:#5285e8;flex-shrink:0;transition:transform .25s}.faqItemOpen .faqChevron{transform:rotate(180deg)}.faqA{color:#4b5563;align-items:center;gap:4px;max-height:0;padding:0 20px;font-family:Kanit,sans-serif;font-size:14px;font-weight:400;line-height:1.7;transition:max-height .3s,padding .3s;display:flex;overflow:hidden}.faqItemOpen .faqA{max-height:120px;padding:0 20px 16px}#projects{width:100%;margin-top:100px}.section{padding:30px}.sectionBlue{background:#f8fafc}.sectionHead{justify-content:space-between;align-items:center;width:100%;margin:0 auto 20px;padding:0 40px;display:flex}.sectionHead h3{color:#1d4ed8;margin:0;font-size:36px;font-weight:500}.sectionHead h3 span{align-items:center;display:inline-flex;transform:translateY(3px)}.btnGhost{appearance:none;cursor:pointer;box-sizing:border-box;color:#fff;background:#fbbf24;border-radius:999px;outline:none;justify-content:center;align-items:center;height:40px;margin:0;padding:0 20px;font-family:inherit;font-size:18px;font-weight:400;transition:all .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #0000;border:0!important}.btnGhost:hover{color:#fbbf24!important;background:#fff!important;border:0!important;margin:0!important;transform:none!important;box-shadow:inset 0 0 0 1px #fbbf24!important}.projSearchBar{background:#fff;border:1.5px solid #e2e8f0;border-radius:99px;outline:none;align-items:center;gap:10px;max-width:500px;margin:18px auto 0;padding:8px 8px 8px 18px;display:flex}.projSearchBar:focus-within{box-shadow:none;border-color:#e2e8f0;outline:none}.projSearchInput{box-shadow:none;-webkit-appearance:none;color:#374151;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Mitr,sans-serif;font-size:14px}.projSearchInput:focus{box-shadow:none;outline:none}.projSearchInput::placeholder{color:#94a3b8}.projSearchBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#5285e8;border:none;border-radius:99px;padding:8px 20px;font-family:Mitr,sans-serif;font-size:14px;font-weight:500;transition:background .15s}.projSearchBtn:hover{background:#3b6fd4}.projGrid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:1240px;margin:0 auto;display:grid}.projRowHeader{justify-content:space-between;align-items:center;width:100%;max-width:1240px;margin:0 auto 14px;display:flex}.projRowLabel{color:#1e293b;align-items:center;gap:7px;font-family:Mitr,sans-serif;font-size:16px;font-weight:600;display:flex}.projRowSeeAll{color:#5285e8;text-underline-offset:3px;white-space:nowrap;font-family:Mitr,sans-serif;font-size:13px;font-weight:500;text-decoration:underline}.projRowSeeAll:hover{color:#3b6fd4}.projSeeAllMobile{display:none}.carouselRow{justify-content:space-between;align-items:center;gap:20px;width:100%;margin:0 auto;display:flex}.carouselViewport{border-radius:14px;flex:1;padding:2px;overflow:hidden}.carouselTrack{will-change:transform;width:100%;transition:transform .42s cubic-bezier(.22,.61,.36,1);display:flex}.carouselPage{background:0 0;flex-direction:row;flex:0 0 100%;justify-content:center;align-items:stretch;gap:20px;width:100%;height:auto;display:flex}.navArrow{cursor:pointer;color:#fbbf24;background:#fff;border:1px solid #d9d9d9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:30px;font-weight:400;display:flex}.navArrow:disabled{opacity:.55;cursor:not-allowed}.projCard{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;flex:0 0 400px;width:100%;min-width:0;max-width:100%;min-height:400px;padding-bottom:10px;transition:box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000012}.projCard:hover{box-shadow:0 4px 12px #0000001a}.carouselPage .projCard{flex:0 0 380px;width:380px;min-width:380px;max-width:380px}.projCardGhost{visibility:hidden}.muted{color:#888}.thumb{background:#eef2ff;flex-shrink:0;width:100%;height:200px;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumbPlaceholder{width:100%;height:100%}.projBody{flex-direction:column;flex:1;width:100%;padding:15px;display:flex;overflow:hidden}.projTitle{color:#000;white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:600;overflow:hidden}.projMeta{color:#525252;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:400;display:-webkit-box;overflow:hidden}.adr{color:#999;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:12px;display:-webkit-box;overflow:hidden}.projBottom{justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.projBottom button{color:#fff;background-color:#ffbe1b;padding:5px 23px;font-size:20px;font-weight:400}.projBottom button:hover{background-color:#fce29f}.projFilled{color:#000;font-size:20px}.projFilled span{color:#5285e8;font-size:25px}.marketTitle{color:#5285e8;margin:0;font-size:32px;font-weight:500}.marketSub{color:#64748b;margin-top:4px;margin-bottom:0;font-size:14px}#market{margin-top:50px;margin-bottom:50px;padding:0 50px 40px}.grid3{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:20px;width:100%;margin:0 auto;display:grid}.productCard{cursor:pointer;width:100%;color:inherit;background:#fff;border:.5px solid #f0f4f8;border-radius:16px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden;box-shadow:0 2px 12px #00000012}.productCard:hover{transform:translateY(-3px);box-shadow:0 8px 24px #5285e821}.pThumb{aspect-ratio:1;background:#f1f5f9;width:100%;overflow:hidden}.pThumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.productCard:hover .pThumb img{transform:scale(1.04)}.pBody{color:#000;padding:12px 14px 14px}.pTitle{white-space:nowrap;text-overflow:ellipsis;color:#111827;margin-bottom:4px;font-size:15px;font-weight:500;overflow:hidden}.pSchool{color:#888;align-items:center;gap:4px;margin-bottom:8px;font-size:12px;display:flex}.pMeta{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.pMetaRow{align-items:center;gap:6px;font-size:12px;display:flex}.pMetaLabel{color:#888;flex-shrink:0;min-width:44px}.pMetaVal{color:#111827;flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pMetaSep{color:#bbb;margin:0 2px;font-size:11px}.pBadgeLevel{color:#0c447c;background:#e6f1fb;border-radius:20px;padding:2px 8px;font-size:11px}.pBadgeCond{color:#633806;background:#faeeda;border-radius:20px;padding:2px 8px;font-size:11px}.pDivider{background:#e5e7eb;height:.5px;margin:10px 0}.pBottom{justify-content:space-between;align-items:center;display:flex}.pPrice{color:#5285e8;font-size:22px;font-weight:500}.pPrice span{color:#888;margin-left:2px;font-size:13px;font-weight:400}.cartBtn{cursor:pointer;color:#fff;background:#ffbe1b;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:background .18s;display:flex}.cartBtn:hover{background:#f0ad00}@media (max-width:1024px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.projGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){#market{padding:0 12px 30px}}.sectionSoftBlue{padding:80px 0}.tsHead{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto 30px;padding:0 20px;display:flex}.tsQuoteMark{color:#1d4ed8;font-size:64px;font-weight:900;line-height:1;transform:translateY(-4px)}.tsTitle{letter-spacing:0;color:#1d4ed8;margin:0;font-family:Kanit,sans-serif;font-size:32px;font-weight:600}.tsControls{gap:12px;display:flex}.tsNav{color:#1d4ed8;cursor:pointer;background:0 0;border:2px solid #5285e8;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:all .2s;display:flex}.tsNav:hover{transform:scale(1.06)}.tsNav:active{transform:scale(.98)}.tsStage{grid-template-columns:1fr 1.25fr 1fr;align-items:stretch;gap:24px;max-width:1100px;margin:0 auto;padding:0 20px;display:grid}.tsCard{background:#fff;border-radius:22px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 20px 45px #00000014}.tsCardMain{z-index:2;transform:scale(1.05)}.tsCardSide{opacity:.35;transform:scale(.95)}.tsImageWrap{background:#f1f5f9;width:100%;height:170px;overflow:hidden}.tsImageWrap img{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:all .4s;display:block}.tsCardMain .tsImageWrap img{transform:scale(1.05)}.tsImgPlaceholder{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);width:100%;height:100%}.tsCardInner{text-align:center;flex-direction:column;flex:1;padding:18px 20px;display:flex}.tsTextQuote{color:#475569;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:8px;font-size:15px;font-style:italic;line-height:1.7;display:-webkit-box;overflow:hidden}.tsName{color:#1d4ed8;margin-top:12px;font-size:16px;font-weight:700}.tsSub{color:#94a3b8;margin-top:4px;font-size:13px}@media (max-width:980px){.tsTitle{font-size:28px}.tsQuoteMark{font-size:60px}.tsStage{grid-template-columns:1fr}.tsCardSide{display:none}.tsCardMain{transform:scale(1)}.tsImageWrap{height:200px}}.schoolCta{background:linear-gradient(135deg,#dbeafe 0%,#e0f2fe 60%,#bfdbfe 100%);margin-top:100px;margin-bottom:100px;padding:0;overflow:hidden}.schoolCtaInner{align-items:stretch;width:100%;min-height:340px;display:flex}.schoolCtaLeft{flex-direction:column;flex:1;justify-content:center;gap:16px;padding:60px 56px 60px 48px;display:flex}.schoolCtaTag{color:#fff;background:#5285e8;border-radius:99px;width:fit-content;padding:4px 14px;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;display:inline-block}.schoolCtaTitle{color:#1e3a8a;margin:0;font-family:Kanit,sans-serif;font-size:36px;font-weight:700;line-height:1.35}.schoolCtaSub{color:#374151;max-width:420px;margin:0;font-family:Kanit,sans-serif;font-size:15px;font-weight:400;line-height:1.7}.schoolCtaBtn{color:#fff;background:#5285e8;border-radius:99px;align-items:center;gap:8px;width:fit-content;margin-top:8px;padding:12px 28px;font-family:Kanit,sans-serif;font-size:16px;font-weight:500;text-decoration:none;transition:background .18s;display:inline-flex}.schoolCtaBtn:hover{background:#3b6fd4}.schoolCtaRight{flex:0 0 50%;position:relative;overflow:hidden}.schoolCtaImg{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.footer{color:#fff;background:#87c7eb;justify-content:center;width:100vw;min-height:250px;margin-top:30px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex}.footerInner{grid-template-columns:1.4fr 1fr 1fr;gap:18px;width:100%;max-width:1440px;margin:0 30px;padding:30px 50px;display:grid}.footBrand{align-items:flex-start;gap:12px;display:flex}.footLogo{object-fit:contain;width:300px;height:auto;padding:20px 0}.footDesc{opacity:.92;font-size:18px;font-weight:400;line-height:1.4}.footCol{flex-direction:column;gap:8px;display:flex}.footTitle{margin-bottom:6px;font-size:28px;font-weight:500}.footCol a{color:#fff;opacity:.92;font-size:18px;font-weight:400;text-decoration:none}.footCol a:hover{text-decoration:underline}.connect{color:#fff;gap:10px;font-size:22px;display:flex}@media (max-width:980px){.navLinks{display:none}.statGrid{grid-template-columns:1fr}.stepsWrap{flex-direction:column}.stepsSide{text-align:center;width:auto}.stepsCards,.carouselCards,.tsCard{grid-template-columns:1fr}.heroLeft h1{font-size:34px}}.projSectionTitle{color:#5285e8;margin:0 0 18px;font-size:32px;font-weight:500}.hamburgerBtn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;margin-left:8px;padding:6px;display:none}.hamburgerLine{background:#fff;border-radius:2px;width:22px;height:2px;transition:transform .22s,opacity .22s;display:block}.hamburgerLine.open:first-child{transform:translateY(7px)rotate(45deg)}.hamburgerLine.open:nth-child(2){opacity:0}.hamburgerLine.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobileMenuOverlay{z-index:998;background:#0006;animation:.25s fadeInOverlay;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.mobileMenu{z-index:999;background:#87c7eb;flex-direction:column;width:72vw;max-width:300px;padding:0;animation:.28s cubic-bezier(.22,.61,.36,1) slideInDrawer;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:4px 0 24px #0000002e}@keyframes slideInDrawer{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobileMenuHeader{border-bottom:1px solid #fff3;align-items:center;gap:10px;padding:14px 18px;display:flex}.mobileMenuLogo{object-fit:contain;height:40px}.mobileMenuLinks{flex-direction:column;flex:1;padding:8px 0;display:flex}.mobileMenuLinks a{color:#fff;border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;padding:15px 22px;font-size:16px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.mobileMenuLinks a:last-child{border-bottom:none}.mobileMenuLinks a:active{background:#ffffff1f}.mobileMenuPending{color:#fff!important;background:#ffffff40!important;border-left:3px solid #ffbe1b!important;border-radius:6px!important;margin:4px 12px 8px!important;padding:10px 14px!important;font-size:14px!important;font-weight:500!important}.mobileMenuLabel{color:#fffc;padding:4px 18px 2px;font-size:18px;font-weight:600}.mobileMenuActive{background:#ffffff38!important;border-left:4px solid #fff!important;padding-left:18px!important;font-weight:700!important}.mobileMenuSell{text-align:center;background:#1d4ed8;border-radius:99px;margin:16px 18px;font-size:16px;box-shadow:0 2px 8px #0000001f;border-bottom:none!important;border-left:none!important;justify-content:center!important;padding:13px 24px!important;font-weight:700!important}@media (max-width:768px){.topBar{padding:8px 12px;position:relative}.topRow{gap:8px;padding:0;position:relative}.brand{flex:auto;min-width:0;position:static;transform:none}.brandLogo{width:clamp(96px,28vw,122px);height:44px}.navBtn{height:28px;padding:4px 10px;font-size:12px}.userNameText{font-size:16px}.hello{gap:6px;margin-right:6px}.iconBorder{width:28px;height:28px}.hamburgerBtn{flex:0 0 34px;width:34px;height:34px;margin-left:0;padding:6px;display:flex}.navAuth{flex-shrink:0;gap:6px}.navUserActions{flex:none;gap:2px}.pd-avatar{width:26px!important;height:26px!important}.pd-name{text-overflow:ellipsis!important;max-width:78px!important;font-size:12px!important;overflow:hidden!important}.pd-role{font-size:10px!important}.pd-info{min-width:0!important}.pd-trigger{gap:5px!important;padding:3px 5px!important}.nb-wrap{position:relative}.nb-btn{width:30px!important;height:30px!important;padding:0!important;font-size:16px!important}.cartIconWrap{width:30px!important;height:30px!important;padding:2px!important;font-size:20px!important}.cartIconBadge{width:14px!important;height:14px!important;font-size:9px!important}.navPendingLink{display:none!important}.searchRow{padding:0 12px}.searchBox{width:100%;max-width:100%;height:42px}.hero,.heroInner{min-height:180px}.heroLeft{margin:20px 16px;line-height:1.4}.heroLeft h1{margin-top:8px;font-size:22px}.heroLeft p{font-size:14px}.heroSub span{font-size:22px}.heroActions{gap:6px;margin-top:100px;padding-right:24px}.heroActions .pill{justify-content:center;width:auto;min-width:160px;height:40px;font-size:12px;padding:6px 14px!important}.text-ban a{margin-left:6px;font-size:13px}.pill svg{width:16px;height:16px}.heroSearchBtn{margin-top:6px;padding:6px 12px;font-size:12px}.heroSearchArrow{width:18px;height:18px;font-size:14px}.heroLeft h1{margin-top:8px;margin-bottom:2px}.heroLeft p{margin:0}.stats{margin-top:0;padding:24px 16px 10px}.stats h2{font-size:22px}.stats .sub{font-size:15px}.statGrid{grid-template-columns:repeat(3,1fr);justify-items:stretch;gap:6px;width:100%}.statCard{width:100%;height:auto;min-height:110px;padding:10px 4px}.statValue1,.statValue{margin-top:2px;font-size:clamp(20px,6vw,28px)}.statLabel{font-size:clamp(9px,2.5vw,11px);line-height:1.3}.statIcon1 svg,.statIcon2 svg,.statIcon1 img,.statIcon2 img{width:36px!important;height:36px!important}.steps{margin-top:32px;padding:16px 12px}.stepsWrap{flex-direction:column;gap:8px}.stepsSide{width:100%;height:auto}.stepsBig{font-size:18px}.stepsCards{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;gap:8px;width:100%;height:auto;padding-bottom:4px;display:flex;overflow-x:auto}.stepsCards::-webkit-scrollbar{display:none}.stepCard{scroll-snap-align:start;border-radius:10px;flex:0 0 calc(50% - 4px);max-width:none;padding:8px 6px;box-shadow:0 4px 12px #0000000f}.stepPic svg,.stepPic img{width:36px!important;height:36px!important;margin-top:4px!important}.stepTitle{font-size:9px;line-height:1.35;top:8px}.stepDesc{padding:8px 0 0;font-size:8px;line-height:1.4}#projects{margin-top:40px;padding:12px;overflow-x:hidden}#projects .projRowHeader .projRowSeeAll{display:none}.projSeeAllMobile{color:#fff;background:#5285e8;border-radius:99px;justify-content:center;align-items:center;margin-top:16px;padding:10px 24px;font-family:Mitr,sans-serif;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.section{padding:12px}.projRowHeader{padding:0 12px}.projSearchBar{max-width:calc(100% - 24px);margin:0 12px}.projGrid{gap:10px;width:100%;padding:0}.projCard{flex:unset;border-radius:10px;width:100%;min-width:0;max-width:100%;box-shadow:0 2px 6px #00000014}.sectionHead{margin-bottom:14px;padding:0 4px}.sectionHead h3{font-weight:400;font-size:22px!important}.projSectionTitle{font-size:22px!important;font-weight:400!important}.btnGhost{height:32px;padding:0 12px;font-size:14px}.projGrid{grid-template-columns:1fr;gap:14px}.projRowHeader{flex-wrap:wrap;gap:8px}.projSearchBar{max-width:100%}.projTabRow{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.projTabRow::-webkit-scrollbar{display:none}.projCard{flex:unset;width:100%;min-width:0;max-width:100%;height:auto}.thumb{height:160px}.projTitle{font-size:15px}.projMeta{font-size:13px}.adr{font-size:11px}.projBody{padding:10px 12px}.projBottom button{padding:4px 14px;font-size:15px}.carouselRow{gap:0}.navArrow{display:none}.carouselViewport{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:12px;overflow:auto visible}.carouselViewport::-webkit-scrollbar{display:none}.carouselTrack{width:auto;transition:none!important;transform:none!important}.carouselPage{flex-wrap:nowrap;flex:none;justify-content:flex-start;gap:12px;width:auto;padding:4px 0}.carouselPage .projCard{scroll-snap-align:start;flex:0 0 72vw;width:72vw;min-width:72vw;max-width:72vw}#market{margin-top:30px;margin-bottom:30px;padding:0 16px 30px}.marketSectionHead{flex-wrap:wrap;align-items:flex-start;gap:10px}.marketTitle{font-size:20px}.marketSub{margin-top:2px;font-size:12px}#market .grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sectionSoftBlue{padding:40px 0}.tsHead{flex-wrap:wrap;gap:10px;padding:0 16px}.tsTitle{font-size:22px}.tsQuoteMark{font-size:48px}.tsStage{grid-template-columns:1fr;padding:0 16px}.tsCardSide{display:none}.tsCardMain{transform:scale(1)}.closedSection{margin-top:40px;padding:36px 0;overflow:visible}.closedSection:before,.closedSection:after{display:none}.closedSecHead{padding:0 16px}.closedImpact{max-width:calc(100% - 32px)!important;margin-left:16px!important;margin-right:16px!important}.closedScroll{gap:14px;padding-left:16px;padding-right:0;-webkit-mask-image:linear-gradient(90deg,#000 0% calc(100% - 48px),#0000 100%);mask-image:linear-gradient(90deg,#000 0% calc(100% - 48px),#0000 100%)}.closedSecTitle{font-size:22px!important}.closedSecSub{font-size:15px!important}.closedCard{width:calc(100vw - 60px)!important;min-width:calc(100vw - 60px)!important}.closedImpact{flex-direction:row;padding:16px 0}.closedImpactNum{font-size:28px}.schoolCta{margin-top:40px;margin-bottom:40px}.schoolCtaInner{min-height:unset;flex-direction:column}.schoolCtaLeft{gap:12px;padding:28px 20px}.schoolCtaTitle{font-size:24px}.schoolCtaSub{max-width:100%;font-size:14px}.schoolCtaRight{flex:0 0 180px}.faqSection{padding:36px 16px}.footer{margin-top:20px}.footerInner{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:14px 10px;margin:0;padding:20px 16px}.footBrand{grid-column:1/-1}.footLogo{width:120px;padding:8px 0}.footTitle{margin-bottom:4px;font-size:16px}.footDesc{font-size:13px}.footCol{gap:5px}.footCol a{font-size:13px}.footCol>div>svg{flex-shrink:0;width:24px!important;height:24px!important}#contactfooter{font-size:13px}.connect{gap:8px;font-size:16px}.connect svg{width:32px!important;height:32px!important}}@media (max-width:480px){.topBar{padding:8px 10px}.topRow{gap:6px}.brandLogo{width:clamp(84px,25vw,104px);height:40px}.navBtn{padding:3px 8px;font-size:11px}.navUserActions{gap:1px}.pd-trigger{gap:4px!important;padding:2px 3px!important}.pd-name{max-width:62px!important;font-size:11px!important}.pd-role,.pd-chevron{display:none!important}.nb-btn,.cartIconWrap{width:28px!important;height:28px!important}.nb-btn svg{width:22px!important}.heroLeft h1,.heroSub span{font-size:18px}.heroActions{flex-direction:column;align-items:flex-end;gap:4px;margin-top:80px}.heroActions .pill{justify-content:center;width:auto;min-width:160px;height:40px;font-size:11px;padding:6px 14px!important}.statGrid{grid-template-columns:repeat(3,1fr);gap:4px}.statCard{min-height:100px;padding:8px 2px}.statValue1,.statValue{font-size:clamp(18px,5.5vw,24px)}.statLabel{font-size:9px}.statIcon1 svg,.statIcon2 svg,.statIcon1 img,.statIcon2 img{width:30px!important;height:30px!important}.stepCard{flex:0 0 calc(50% - 4px);padding:7px 5px}.stepPic svg,.stepPic img{width:32px!important;height:32px!important}.stepTitle{font-size:8px;top:6px}.stepDesc{padding:6px 0 0;font-size:7px}.stepsBig{font-size:16px}#market .grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.carouselPage .projCard{flex:0 0 78vw;width:78vw;min-width:78vw;max-width:78vw}.projGrid .projCard{flex:unset;border-radius:12px;width:100%;min-width:0;max-width:100%}.closedCard{width:calc(100vw - 90px)!important;min-width:calc(100vw - 90px)!important;height:auto!important}.closedCardImg{height:180px!important}.closedCardBody{padding:12px 14px!important}.closedCardTitle{margin-bottom:8px!important;font-size:13px!important}.closedImpact{flex-direction:column;gap:12px}.closedImpactDivider{width:60px;height:1px}}.projCard.dpCardHoverWrap:hover{z-index:50;overflow:visible!important}.closedSection{background:#fffbf0;margin-top:100px;padding:60px 40px;position:relative;overflow:hidden}.closedSection:before{content:"";opacity:.5;pointer-events:none;background:#f3d79b;border-radius:50%;width:420px;height:420px;position:absolute;top:-160px;left:-160px}.closedSection:after{content:"";opacity:.5;pointer-events:none;background:#f3d79b;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-160px;right:-160px}.closedSecHead{z-index:1;flex-direction:column;align-items:center;margin-bottom:32px;display:flex;position:relative}.closedSecTitle{color:#f59e0b;text-align:center;margin-bottom:8px;font-size:28px;font-weight:800}.closedSecSub{color:#1f2937;text-align:center;font-size:18px}.closedImpact{z-index:1;background:#fff;border:1.5px solid #fde68a;border-radius:20px;justify-content:center;align-items:center;gap:0;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:24px 0;display:flex;position:relative;box-shadow:0 2px 12px #f59e0b1a}.closedImpactItem{text-align:center;flex:1}.closedImpactNum{color:#f59e0b;margin-bottom:6px;font-size:36px;font-weight:800;line-height:1}.closedImpactLabel{color:#6b7280;font-size:13px;font-weight:500}.closedImpactDivider{background:#fde68a;flex-shrink:0;width:1px;height:48px}.closedScroll{z-index:1;scrollbar-width:none;gap:20px;max-width:1200px;margin:0 auto;padding-bottom:12px;display:flex;position:relative;overflow-x:auto}.closedScroll::-webkit-scrollbar{display:none}.closedCard{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;flex-direction:column;flex-shrink:0;width:360px;min-width:360px;transition:background .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000014}.closedCard:hover{background:#fafafa}.closedCard:hover .closedCardArrow{color:#f97316}.closedCardArrow{color:#d1d5db;z-index:10;font-size:18px;line-height:1;transition:color .15s;position:absolute;top:10px;right:12px}.closedCardImg{background:#f3f4f6;flex-shrink:0;height:200px;position:relative;overflow:hidden}.closedCardImg img{object-fit:cover;filter:grayscale(20%);width:100%;height:100%}.closedCardImgEmpty{justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.closedBadge{color:#fff;background:#6b7280;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;top:10px;left:10px}.closedCardBody{flex-direction:column;flex:1;padding:15px;display:flex}.closedCardSchool{color:#9ca3af;margin-bottom:4px;font-size:12px}.closedCardTitle{color:#374151;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.closedCardBar{background:#e5e7eb;border-radius:4px;height:6px;margin-bottom:6px;overflow:hidden}.closedCardBarFill{background:#f59e0b;border-radius:4px;height:100%}.closedCardPct{color:#6b7280;font-size:12px}.mkToast{z-index:9999;color:#fff;white-space:nowrap;background:#22c55e;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:600;animation:.3s toastIn,.4s 3.5s forwards toastOut;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #22c55e59}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%)translateY(-12px)}}.mkHero{background:#87c7eb;justify-content:center;align-items:center;width:100vw;height:430px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.mkHeroBgLeft{object-fit:contain;object-position:left bottom;width:auto;height:80%;position:absolute;bottom:0;left:0}.mkHeroBgRight{object-fit:contain;object-position:right bottom;width:auto;height:90%;position:absolute;bottom:0;right:0}.mkHeroContent{z-index:2;text-align:center;width:100%;max-width:580px;padding:0 20px;position:relative}.mkHeroTitle{color:#1a3a5c;margin:0 0 10px;font-size:48px;font-weight:700;line-height:1.5}.mkHeroSub{color:#1a3a5c;margin:0 0 28px;font-size:22px;font-weight:400}.mkHeroBtns{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.mkHeroBtn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;height:52px;padding:0 28px;font-family:Kanit,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.mkHeroBtnYellow{color:#fff;background:#ffbe1b}.mkHeroBtnYellow:hover{background:#f0ad00}.mkHeroBtnWhite{color:#ffbe1b;background:#fff;border:2px solid #fff!important}.mkHeroBtnWhite:hover{background:#ffffffe0}.mkSearchSection{max-width:100%;margin:28px auto 0;padding:0 20px}.mkSearchRow{justify-content:center;align-items:center;gap:12px;display:flex}.mkSearchBox{max-width:600px;height:50px;box-shadow:0 2px 8px #5285e814;box-shadow:none;background:#fff;border:1.5px solid #5285e8;border-radius:999px;outline:none;flex:1;align-items:center;gap:10px;padding:0 18px;display:flex}.mkSearchBox input{color:#374151;box-shadow:none;background:0 0;border:none;outline:none;flex:1;font-family:Mitr,sans-serif;font-size:15px}.mkSearchBox input:focus{box-shadow:none;outline:none}.mkSearchBox input::placeholder{color:#b5b5b5;font-size:14px}.mkSearchIcon{color:#5285e8;font-size:18px}.mkFilterBtn{color:#5285e8;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:40px;display:flex}.mkFilterBtn:hover,.mkFilterBtnActive{color:#1d4ed8}.mkFilterPanel{opacity:0;max-height:0;margin-left:40px;transition:max-height .35s,opacity .3s;overflow:hidden}.mkFilterPanelOpen{-ms-overflow-style:none;scrollbar-width:none;opacity:1;flex-wrap:wrap;align-items:flex-end;max-height:500px;margin-top:20px;overflow-x:auto}.mkFilterPanelOpen::-webkit-scrollbar{display:none}.mkFilterLabel{color:#053f5c;width:100%;margin-bottom:14px;margin-left:200px;font-family:Mitr;font-size:18px;font-weight:600}.mkFilterGroupLabel{color:#5285e8;margin-bottom:8px;margin-left:200px;font-size:15px;font-weight:600}.mkTypeRow{flex-wrap:wrap;gap:10px;margin-bottom:0;margin-left:0;display:flex}.mkTypeBtnWrap{flex-direction:column;align-items:center;gap:8px;display:flex}.mkTypeContainer{flex-direction:column;gap:8px;margin-left:200px;display:flex}.mkTypeBtn{cursor:pointer;background:#87c7eb;border:2px solid #b5b5b5;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:80px;height:80px;transition:all .18s;display:flex;overflow:visible}.mkTypeBtnActive{background:#e8f0fe;border-color:#5285e8}.mkTypeIcon{justify-content:center;align-items:center;font-size:28px;display:flex}.mkTypeLabel{color:#5285e8;white-space:nowrap;text-align:center;font-family:Mitr,sans-serif;font-size:12px;font-weight:400}.mkTypeBtnActive .mkTypeLabel{color:#1d4ed8;font-weight:600}.mkFilterGrid{align-items:flex-end;gap:16px;display:flex;margin-left:0!important;margin-right:0!important}.mkFilterGroup{flex-direction:column;gap:8px;display:flex}.mkFilterGroupLabel{color:#5285e8;font-size:15px;font-weight:600}.mkFilterRowContent{flex-wrap:nowrap;align-items:flex-end;gap:30px;margin-left:200px;display:flex}.mkSelect::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mkSelect::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mkPriceInput::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none!important}.mkSelect{appearance:none;color:#374151;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235285E8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #d0e8f7;border-radius:12px;outline:none;width:155px;height:45px;padding:0 15px;font-family:Kanit,sans-serif;font-size:14px}.mkPriceInput{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235285E8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 12px center no-repeat!important;padding-right:32px!important}.mkSelect:focus,.mkPriceInput:focus{box-shadow:none!important;border-color:#5285e8!important;outline:none!important}.mkResetBtn{color:#888;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;margin-top:8px;margin-left:auto;margin-right:280px;padding:6px 18px;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;display:block}.mkResetBtn:hover{background:#f3f4f6}.mkMain{max-width:960px;margin:36px auto 60px;padding:0 20px}.mkListHeader{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.mkListTitle{color:#1d4ed8;margin:0;font-size:26px;font-weight:700}.mkListCount{color:#888;font-size:18px;font-weight:400}.mkSortSelect{appearance:none;color:#374151;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235285E8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 12px center no-repeat;border:1.5px solid #d0e8f7;border-radius:10px;outline:none;height:40px;padding:0 36px 0 14px;font-family:Kanit,sans-serif;font-size:14px}.mkGrid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.mkDonateBadge{color:#7a3e00;letter-spacing:.02em;z-index:2;background:#f7ad19;align-items:center;gap:5px;padding:5px 12px;font-size:.72rem;font-weight:700;display:flex;position:relative}.mkDonateBadge svg,.mkDonateBadge [class*=iconify]{flex-shrink:0;font-size:15px}.mkCard:has(.mkDonateBadge){border-color:#f7ad19;overflow:hidden;box-shadow:0 4px 14px #f7ad1933}.mkCard:has(.mkDonateBadge):hover{border-color:#e69b00;box-shadow:0 8px 24px #f7ad1952}.mkCard{cursor:pointer;color:inherit;background:#fff;border:1px solid #f0f4f8;border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 2px 12px #00000012}.mkCard:hover{background:#f9fafb;box-shadow:0 4px 20px #00000014}.mkCardThumb{background:#f5f5f5;width:100%;height:220px;position:relative;overflow:hidden}.mkCarousel{width:100%;height:100%;position:relative}.mkCarouselImg{object-fit:contain;object-position:center center;background:#f5f5f5;width:100%;height:100%;display:block}.mkCarouselDots{z-index:2;gap:5px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.mkCarouselDot{cursor:pointer;background:#ffffff8c;border-radius:50%;width:7px;height:7px;transition:background .15s,transform .15s}.mkCarouselDotActive{background:#fff;transform:scale(1.25)}.mkCarouselArrow{color:#252525;cursor:pointer;z-index:2;opacity:0;background:#b7b7b759;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:auto 0;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0}.arrow-icon{width:50px;height:50px}.mkCard:hover .mkCarouselArrow{opacity:1}.mkCarouselArrowLeft{left:8px}.mkCarouselArrowRight{right:8px}.mkCardThumbPlaceholder{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);width:100%;height:100%}.mkCardBody{flex-direction:column;flex:1;padding:16px 18px;display:flex}.mkCardTitle{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;font-weight:600;overflow:hidden}.mkCardSchool{color:#888;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;margin-bottom:8px;font-size:13px;display:flex;overflow:hidden}.mkCardMeta{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.mkCardBottom{justify-content:space-between;align-items:center;display:flex}.mkCardPrice{color:#5285e8;font-size:24px;font-weight:600}.mkCardPrice span{color:#888;font-size:14px;font-weight:400}.mkCartBtn{color:#fff;cursor:pointer;background:#ffbe1b;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:background .18s;display:flex}.mkCartBtn svg{width:22px;height:22px}.mkCartBtn:hover{background:#f0ad00}.mkLoadingGrid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.mkCardSkeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:16px;height:340px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.mkEmpty{text-align:center;color:#aaa;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.mkEmpty p{color:#888;font-size:18px}.mkLoadMoreWrap{text-align:center;margin-top:40px}.mkLoadMoreBtn{color:#5285e8;cursor:pointer;background:#fff;border:2px solid #5285e8;border-radius:999px;height:48px;padding:0 40px;font-family:Kanit,sans-serif;font-size:16px;transition:all .18s}.mkLoadMoreBtn:hover{color:#fff;background:#5285e8}.mkLoadingMore{text-align:center;color:#888;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:15px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.mkSpinner{font-size:20px;animation:.8s linear infinite spin}@media (max-width:768px){.mkGrid,.mkLoadingGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mkMain{margin:24px auto 40px;padding:0 12px}.mkListHeader{align-items:center;gap:8px}.mkListTitle{flex-wrap:nowrap;flex:1;align-items:baseline;gap:4px;min-width:0;font-size:17px;display:flex}.mkListCount{white-space:nowrap;font-size:13px}.mkSortSelect{flex-shrink:0;max-width:120px;height:36px;padding:0 28px 0 10px;font-size:12px}.mkCardThumb{aspect-ratio:1;height:auto}.mkCardBody{padding:8px 10px 10px}.mkCardTitle{font-size:12px}.mkCardSchool{margin-bottom:4px;font-size:11px}.mkMeta{gap:2px;margin-bottom:6px}.mkMetaRow{font-size:10px}.mkMetaLabel{min-width:28px}.mkBadgeLevel,.mkBadgeCond{padding:1px 5px;font-size:9px}.mkCardDivider{margin:6px 0}.mkCardPrice{font-size:16px}.mkCardPrice span{font-size:11px}.mkCartBtn{width:40px;height:40px;font-size:22px}.mkCartBtn svg{width:22px;height:22px}.mkDonateBadge{padding:3px 8px;font-size:.62rem}.mkStockBadge{padding:2px 6px;font-size:9px}.mkCardSkeleton{height:220px}.mkHero{height:320px}.mkHeroBgLeft{height:70%}.mkHeroBgRight{height:78%}.mkHeroTitle{font-size:26px}.mkHeroSub{margin-bottom:18px;font-size:13px}.mkHeroBtn{height:44px;padding:0 18px;font-size:14px}.mkHeroBtns{gap:10px}.mkFilterLabel,.mkFilterGroupLabel,.mkTypeRow,.mkFilterGrid{margin-left:0}.mkResetBtn{margin-right:0}}@media (max-width:480px){.mkGrid,.mkLoadingGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mkListTitle{font-size:15px}.mkListCount{font-size:11px}.mkSortSelect{max-width:100px;height:34px;font-size:11px}.mkCardTitle{font-size:11px}.mkCardPrice{font-size:14px}.mkCartBtn{width:38px;height:38px;font-size:20px}.mkCartBtn svg{width:20px;height:20px}.mkHero{align-items:flex-start;height:auto;min-height:260px;padding:24px 16px 60px}.mkHeroContent{padding:0 12px}.mkHeroTitle{margin-bottom:6px;font-size:22px}.mkHeroSub{margin-bottom:16px;font-size:12px}.mkHeroBtn{gap:6px;height:40px;padding:0 16px;font-size:13px}.mkHeroBtns{flex-direction:column;align-items:center;gap:8px}.mkHeroBgLeft{height:55%}.mkHeroBgRight{height:60%}.mkFilterLabel{margin-left:0;font-size:15px}.mkFilterGroupLabel{margin-left:0;font-size:13px}.mkTypeContainer{flex-flow:wrap;gap:10px;margin-left:0}.mkTypeRow{flex-wrap:wrap;gap:10px}.mkTypeBtn{width:68px;height:68px}.mkTypeLabel{font-size:11px}.mkFilterRowContent{flex-wrap:wrap;gap:16px;margin-left:0}.mkFilterPanel{margin-left:0}.mkFilterGrid{flex-wrap:wrap;gap:12px}}.mkCarouselWrap{width:100%;height:100%;position:relative}.mkCarouselMain{background:#f5f5f5;width:100%;height:100%;position:relative;overflow:hidden}.mkCarouselThumbs{scrollbar-width:none;gap:5px;display:flex;overflow-x:auto}.mkCarouselThumbs::-webkit-scrollbar{display:none}.mkCarouselThumb{cursor:pointer;opacity:.6;border:2px solid #0000;border-radius:6px;flex-shrink:0;width:52px;height:52px;transition:opacity .2s,border-color .2s;overflow:hidden}.mkCarouselThumb img{object-fit:cover;width:100%;height:100%}.mkCarouselThumbActive{opacity:1;border-color:#4a90d9}.mkTag{color:#3a5ccc;white-space:nowrap;background:#f0f4ff;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.mkMeta{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.mkMetaRow{align-items:center;gap:6px;font-size:12px;display:flex}.mkMetaLabel{color:#888;flex-shrink:0;min-width:44px}.mkMetaVal{color:#111827;flex-wrap:wrap;align-items:center;gap:5px;display:flex}.mkMetaSep{color:#bbb;margin:0 2px;font-size:11px}.mkBadgeLevel{color:#0c447c;background:#e6f1fb;border-radius:20px;padding:2px 8px;font-size:11px}.mkBadgeCond{color:#633806;background:#faeeda;border-radius:20px;padding:2px 8px;font-size:11px}.mkCardDivider{background:#e5e7eb;height:.5px;margin:auto 0 10px}.mkCardImgLink{text-decoration:none;display:block}.mkCardBodyLink{color:inherit;text-decoration:none;display:block}.mkStockBadge{color:#fff;z-index:2;background:#2190ff8c;border-radius:20px;padding:3px 8px;font-size:11px;position:absolute;top:8px;right:8px}.pd-outer{align-items:center;gap:4px;display:flex}.pd-bell-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}.pd-bell-btn:hover{background:#ffffff4d}.pd-wrap{font-family:Kanit,sans-serif;position:relative}.pd-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:10px;padding:4px 8px;transition:background .15s;display:flex}.pd-btn-static:hover{transform:none!important}.add-admin-btn{color:#87c7eb;cursor:pointer;background:#eff6ff;border:1.5px dashed #bae6fd;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-size:14px;font-weight:600;transition:background .15s;display:flex;transform:none!important}.add-admin-btn:hover{background:#dbeafe;transform:none!important}.pd-bell{color:#fff;opacity:.9;align-items:center;display:flex}.pd-avatar{background:#fff3;border:2px solid #ffffffb3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.pd-info{flex-direction:column;line-height:1.2;display:flex}.pd-name{color:#fff;white-space:nowrap;font-size:15px;font-weight:500}.pd-role{color:#ffffffd1;font-size:12px}.pd-chevron{color:#fff;align-items:center;transition:transform .2s;display:flex}.pd-chevron--open{transform:rotate(180deg)}.pd-menu{z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:240px;animation:.15s pdSlideIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000024}@keyframes pdSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pd-item{cursor:pointer;border-bottom:.5px solid #f3f4f6;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.pd-item:last-child{border-bottom:none}.pd-item:hover{background:#f9fafb}.pd-item-icon{color:#6b7280;flex-shrink:0;align-items:center;display:flex}.pd-item-icon--red{color:#ef4444}.pd-item-label{color:#111827;flex:1;font-size:14px}.pd-item-label--red{color:#ef4444}.pd-item--logout:hover{background:#fff5f5}.pd-sub-arrow{color:#9ca3af;align-items:center;transition:transform .2s;display:flex}.pd-sub-arrow--open{transform:rotate(180deg)}.pd-sub{background:#f9fafb;border-bottom:.5px solid #f3f4f6}.pd-sub-item{color:#374151;cursor:pointer;border-bottom:.5px solid #f0f0f0;align-items:center;gap:10px;padding:9px 16px 9px 46px;font-size:13px;transition:background .15s;display:flex}.pd-sub-item:last-child{border-bottom:none}.pd-sub-item:hover{color:#1d4ed8;background:#f0f4ff}.pd-sub-dot{background:#d1d5db;border-radius:50%;flex-shrink:0;width:5px;height:5px}.pd-appt-section{border-top:1px solid #f0f0f0;flex-direction:column;display:flex}.pd-appt-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;padding:8px 16px 4px 46px;font-size:10.5px;font-weight:700;display:flex}.pd-appt-loading,.pd-appt-empty{color:#9ca3af;align-items:center;gap:5px;padding:6px 16px 8px 46px;font-size:12px;display:flex}.pd-appt-spin{animation:.9s linear infinite pdApptSpin}@keyframes pdApptSpin{to{transform:rotate(360deg)}}.pd-appt-card{cursor:pointer;border-bottom:.5px solid #f0f0f0;flex-direction:column;gap:3px;padding:8px 16px 8px 46px;transition:background .15s;display:flex}.pd-appt-card:last-child{border-bottom:none}.pd-appt-card:hover{background:#f0f4ff}.pd-appt-school{color:#5285e8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.pd-appt-meta{color:#1f2937;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.pd-appt-days{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;align-items:center;margin-left:2px;padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.pd-divider{background:#f3f4f6;height:1px;margin:2px 0}.nb-wrap{position:relative}.nb-btn{cursor:pointer;background-color:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:6px;transition:background .15s;display:flex;position:relative}.nb-btn:hover{background:#ffffff26;transform:none}.nb-badge{color:#fff;background:#ef4444;border:2px solid #87c7eb;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.nb-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:340px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000024}.nb-dropdown-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.nb-dropdown-title{color:#1e293b;font-size:15px;font-weight:600}.nb-unread-pill{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.nb-list{overscroll-behavior:contain;max-height:380px;overflow-y:auto}.nb-empty{text-align:center;padding:40px 16px}.nb-empty-icon{margin-bottom:8px;font-size:32px}.nb-empty-text{color:#94a3b8;font-size:13px}.nb-loading{text-align:center;color:#94a3b8;padding:32px;font-size:13px}.nb-item{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.nb-item.nb-item--unread{background:#f0f9ff}.nb-item:hover{background:#f8fafc}.nb-item.nb-item--unread:hover{background:#e0f2fe}.nb-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.nb-item-icon--cert{background:linear-gradient(135deg,#29b6e8,#5285e8)}.nb-item-icon--default{background:linear-gradient(135deg,#f97316,#ffbe1b)}.nb-item-icon--suspension{background:linear-gradient(135deg,#991b1b,#dc2626)}.nb-item-icon--approved{background:linear-gradient(135deg,#15803d,#16a34a)}.nb-item-body{flex:1;min-width:0}.nb-item-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;overflow:hidden}.nb-item-title--bold{font-weight:600}.nb-item-title--normal{font-weight:400}.nb-item-preview{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.nb-item-chip{color:#1d4ed8;background:#dbeafe;border-radius:999px;align-items:center;gap:4px;margin-bottom:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.nb-item-time{color:#94a3b8;font-size:11px}.nb-item-dot{background:#29b6e8;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.nb-footer{text-align:center;border-top:1px solid #f1f5f9;padding:10px 16px}.nb-footer a,.nb-footer-link{color:#29b6e8;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;text-decoration:none}.nb-footer a:hover,.nb-footer-link:hover{text-decoration:underline}.nb-cert-overlay{z-index:9000;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.nb-cert-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:460px;max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 24px 60px #00000040}.nb-cert-modal-top{text-align:center;background:linear-gradient(135deg,#29b6e8 0%,#5285e8 100%);padding:16px 24px 14px}.nb-cert-modal-emoji{margin-bottom:6px;font-size:32px}.nb-cert-modal-title{color:#fff;margin-bottom:4px;font-size:20px;font-weight:600}.nb-cert-modal-sub{color:#ffffffd9;font-size:13px}.nb-cert-modal-body{flex:1;padding:14px 18px;overflow-y:auto}.nb-cert-img-wrap{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;margin-bottom:10px;padding:8px}.nb-cert-img-wrap img{object-fit:contain;border-radius:6px;width:100%;max-height:200px;display:block}.nb-cert-thank{background:#fffbeb;border-left:3px solid #ffbe1b;border-radius:8px;margin-bottom:10px;padding:8px 12px}.nb-cert-thank-label{color:#b45309;align-items:center;gap:5px;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.nb-cert-thank-text{color:#78350f;font-size:12.5px;line-height:1.6}.nb-cert-meta{color:#64748b;flex-wrap:wrap;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.nb-cert-actions{flex-wrap:wrap;gap:8px;display:flex}.nb-cert-btn{text-align:center;cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;display:block}.nb-cert-btn--png{color:#fff;background:#29b6e8}.nb-cert-btn--png:hover{background:#1ea8d8}.nb-cert-btn--pdf{color:#fff;background:#5285e8}.nb-cert-btn--pdf:hover{background:#4070d4}.nb-cert-btn--close{color:#64748b;background:0 0;border:1px solid #e2e8f0!important}.nb-cert-btn--close:hover{color:#334155;background:#e9eef6;transform:none!important}.nb-cert-btn:hover{filter:brightness(.9);transform:none!important}.nb-cert-btn--png:hover{filter:none;background:#1ea8d8;transform:none!important}.nb-cert-btn--pdf:hover{filter:none;background:#4070d4;transform:none!important}.nb-confetti-wrap{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}@media (max-width:400px){.nb-wrap{position:static}.nb-dropdown{width:auto;max-height:calc(100vh - 72px);position:fixed;top:56px;left:8px;right:8px;overflow-y:auto}}.cartIconWrap{color:#374151;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.cartIconWrap:hover{color:#5285e8;background:#f0f4ff}.cartIconBadge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:flex;position:absolute;top:2px;right:2px}:root{--bg:#fff;--card:#fff;--text:#1b567d;--muted:#6b7b86;--primary:#0f4c6a;--primary-2:#0a3a52;--accent:#f3b43f;--border:#e6e0d6;--danger-bg:#ffe8ea;--danger-text:#b42318;--success-bg:#e8f7ee;--success-text:#067647;--shadow:0 10px 30px #10182814;--radius:18px;--uni-blue:#87c7eb;--uni-blue-dark:#5285e8;--uni-yellow:#ffbe1b}html,body,#root{background:0 0;min-height:100%;margin:0;padding:0}.lgPage{z-index:9999;justify-content:center;align-items:stretch;min-height:100vh;font-family:Kanit,sans-serif;display:flex}.lgCard{background:#fff;border-radius:0;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;align-self:stretch;width:900px;max-width:960px;height:740px;display:grid;overflow:hidden;box-shadow:0 24px 60px #10182824}@media (min-height:600px){.lgPage{align-items:center;padding:24px 16px}.lgCard{min-height:unset;border-radius:24px}}.lgCardForgot{background:#fff;border-radius:24px;grid-template-columns:1fr 1fr;width:900px;max-width:960px;display:grid;overflow:hidden;box-shadow:0 24px 60px #10182824}.lgLeftPanel{background:linear-gradient(145deg,#5fafda 0%,#87c7eb 45%,#a8d9f0 100%);flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:400px;padding:48px 36px;display:flex;position:relative;overflow:hidden}.lgLeftPanel:before{content:"";pointer-events:none;background:#ffffff21;border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;left:-80px}.lgLeftPanel:after{content:"";pointer-events:none;background:#ffffff17;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-60px;right:-50px}.lgBgImage{opacity:.13;pointer-events:none;background-image:url(https://images.unsplash.com/photo-1594608661623-aa0bd3a69d98?w=600&q=60);background-position:50% 30%;background-size:cover;position:absolute;inset:0}.lgLogo{z-index:2;object-fit:contain;width:180px;height:auto;animation:.7s 50ms both lgFadeUp;position:relative}.lgWelcomeBlock{z-index:2;text-align:center;margin-top:24px;position:relative}.lgWelcomeTitle{color:#fff;letter-spacing:.3px;margin:0 0 10px;font-size:32px;font-weight:700;animation:.7s .18s both lgFadeUp}.lgWelcomeSub{color:#ffffffe0;font-size:16px;font-weight:300;line-height:1.6;animation:.7s .3s both lgFadeUp}.lgBadge{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff38;border:1px solid #ffffff59;border-radius:20px;flex-direction:column;align-items:center;gap:8px;margin-top:36px;padding:18px 28px;animation:.7s .42s both lgFadeUp;display:flex;position:relative}.lgBadgeIcon{font-size:36px;line-height:1}.lgBadgeText{color:#fffffff2;text-align:center;font-size:20px;font-weight:500;line-height:1.5}.lgRightPanel{box-sizing:border-box;background:#fff;flex-direction:column;justify-content:center;min-width:0;height:100%;padding:48px 44px;display:flex;overflow:hidden}.lgHeader{text-align:left;margin-bottom:28px;animation:.6s .1s both lgFadeUp}.lgTitle{color:#111827;letter-spacing:-.3px;margin:0;font-size:30px;font-weight:700}.lgSubtitle{color:#6b7280;margin-top:6px;font-size:14px}.lgForm{flex-direction:column;gap:18px;animation:.6s .2s both lgFadeUp;display:flex}.lgField{flex-direction:column;gap:6px;display:flex}.lgLabel{color:#374151;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.lgInputWrap{align-items:center;display:flex;position:relative}.lgInputIcon{color:#9ca3af;pointer-events:none;z-index:1;align-items:center;display:flex;position:absolute;left:14px}.lgInput{color:#111827;box-sizing:border-box;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:14px;outline:none;width:100%;height:50px;padding:10px 14px 10px 42px;font-family:Kanit,sans-serif;font-size:15px;transition:all .2s}.lgInput::placeholder{color:#c9c8c8}.lgInput:focus{background:#fff;border-color:#87c7eb;box-shadow:0 0 0 4px #87c7eb2e}.lgPasswordToggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lgPasswordToggle:hover,.lgPasswordToggle:focus-visible{color:#5285e8;background:#5285e814;outline:none}.lgBtn{color:#fff;cursor:pointer;background:#ffbe1b;border:none;border-radius:14px;height:50px;margin-top:6px;font-family:Kanit,sans-serif;font-size:17px;font-weight:700;transition:all .2s;animation:.6s .3s both lgFadeUp;box-shadow:0 6px 20px #ffbe1b59}.lgBtn:hover{background:#f5ad10;transform:none}.lgBtn:active{transform:translateY(0)}.lgFooter{text-align:center;color:#6b7280;margin-top:20px;font-size:14px;animation:.6s .45s both lgFadeUp}.lgLink{color:#5285e8;margin-left:6px;font-weight:600;text-decoration:none}.lgLink:hover{text-decoration:underline}.lgAlert{border-radius:14px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.5}.lgAlert--error{color:#b42318;background:#ef444414;border:1px solid #ef444440;margin-top:-20px}.lgAlert--success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;margin-top:-20px}.lgAlert--warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.lgDivider{color:#9ca3af;align-items:center;gap:12px;margin:20px 0;font-size:13px;animation:.6s .35s both lgFadeUp;display:flex}.lgDivider:before,.lgDivider:after{content:"";background:#e5e7eb;flex:1;height:1px}.lgGoogleWrapper{justify-content:center;margin-bottom:8px;animation:.6s .4s both lgFadeUp;display:flex}@keyframes lgFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:680px){.lgCard{height:auto;min-height:unset;border-radius:24px;grid-template-columns:1fr;grid-auto-rows:auto;overflow:hidden}.lgPage{align-items:flex-start;padding:16px}.lgLeftPanel{order:-1}.lgRightPanel{order:0}.lgLeftPanel{min-height:unset;max-height:320px;padding:24px}.lgLeftPanel:before,.lgLeftPanel:after,.lgBadge{display:none}.lgRightPanel{padding:32px 28px 52px;justify-content:flex-start!important}}@media (max-width:760px){.lgResetPage,.lgForgotPage{box-sizing:border-box;background:#f8fbfd;align-items:flex-start;min-height:100svh;padding:16px}.lgCardReset,.lgCardForgotResponsive{border-radius:22px;grid-template-columns:1fr;grid-auto-rows:auto;align-content:start;width:min(100%,460px);overflow:hidden}.lgCardReset .lgLeftPanel,.lgCardForgotResponsive .lgLeftPanel{justify-content:center;min-height:180px;max-height:none;padding:24px 22px}.lgCardReset .lgLogo,.lgCardForgotResponsive .lgLogo{width:128px}.lgCardReset .lgWelcomeBlock,.lgCardForgotResponsive .lgWelcomeBlock{margin-top:14px}.lgCardReset .lgWelcomeTitle,.lgCardForgotResponsive .lgWelcomeTitle{font-size:24px;line-height:1.25}.lgCardReset .lgWelcomeSub,.lgCardForgotResponsive .lgWelcomeSub{font-size:14px;line-height:1.5}.lgCardReset .lgBadge,.lgCardForgotResponsive .lgBadge{display:none}.lgCardReset .lgRightPanel,.lgCardForgotResponsive .lgRightPanel{justify-content:flex-start;height:auto;padding:30px 24px 34px;overflow:visible}.lgCardReset .lgHeader,.lgCardForgotResponsive .lgHeader{margin-bottom:22px}.lgCardReset .lgTitle,.lgCardForgotResponsive .lgTitle{font-size:26px;line-height:1.25}.lgCardReset .lgSubtitle,.lgCardForgotResponsive .lgSubtitle{font-size:14px;line-height:1.55}.lgCardReset .lgForm,.lgCardForgotResponsive .lgForm{gap:16px}.lgCardReset .lgInput,.lgCardReset .lgBtn,.lgCardForgotResponsive .lgInput,.lgCardForgotResponsive .lgBtn{height:48px}.lgCardReset .lgAlert,.lgCardForgotResponsive .lgAlert{margin-top:0}}@media (max-width:420px){.lgResetPage,.lgForgotPage{background:#fff;padding:0}.lgCardReset,.lgCardForgotResponsive{width:100%;min-height:100svh;box-shadow:none;border-radius:0}.lgCardReset .lgLeftPanel,.lgCardForgotResponsive .lgLeftPanel{min-height:138px;padding:20px 18px}.lgCardReset .lgLogo,.lgCardForgotResponsive .lgLogo{width:108px}.lgCardReset .lgWelcomeTitle,.lgCardForgotResponsive .lgWelcomeTitle{font-size:21px}.lgCardReset .lgWelcomeSub,.lgCardForgotResponsive .lgWelcomeSub{display:none}.lgCardReset .lgRightPanel,.lgCardForgotResponsive .lgRightPanel{padding:26px 20px 32px}.lgCardReset .lgTitle,.lgCardForgotResponsive .lgTitle{font-size:24px}.lgCardReset .lgInput,.lgCardForgotResponsive .lgInput,.lgCardReset .lgBtn,.lgCardForgotResponsive .lgBtn{font-size:16px}}.rsPage{background:radial-gradient(1200px 600px at 20% 0,#4f86e626,#0000 55%),radial-gradient(900px 500px at 90% 10%,#e4ea471f,#0000 60%),#f6f7fb;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 16px;display:flex}.rsCard{background:#fff;border:1px solid #14141414;border-radius:18px;width:min(980px,100%);overflow:hidden;box-shadow:0 14px 40px #10182814}.rsHeader{background-color:#5285e8;padding:22px 24px}.rsTitle{letter-spacing:.2px;color:#fff;margin:0;font-size:28px;font-weight:800}.rsSubtitle{color:#eaeaea;letter-spacing:1px;margin:6px 0 0;font-size:14px;line-height:1.5}.rsBody{padding:22px 24px 26px}.rsGrid{grid-template-columns:1fr 1fr;gap:16px 18px;display:grid}.rsSection{border-top:1px dashed #14141424;grid-column:1/-1;margin-top:6px;padding-top:12px}.rsSectionTitle{color:#5285e8;margin:0;font-size:16px;font-weight:700}.rsField{flex-direction:column;gap:8px;display:flex}.rsField--full{grid-column:1/-1}.rsLabel{color:#3f4e64;font-size:13px;font-weight:500}.rsInput{color:#111827;background:#fff;border:1px solid #2569fd40;border-radius:12px;outline:none;height:44px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.rsInput::placeholder{color:#9aa3af;font-size:14px}.rsInput:focus{border-color:#4f86e6b3;box-shadow:0 0 0 4px #4f86e624}.rsHelper{color:#6b7280;grid-column:1/-1;margin-top:-6px;font-size:12px}.rsActions{border-top:1px solid #14141414;grid-column:1/-1;justify-content:flex-end;margin-top:6px;padding-top:14px;display:flex}.rsBtn{cursor:pointer;letter-spacing:.2px;border:none;border-radius:12px;height:44px;padding:0 18px;font-weight:800;transition:transform 50ms,box-shadow .15s,opacity .15s}.rsBtn:active{transform:translateY(1px)}.rsBtn:hover{color:#5285e8;background-color:#fff;border:1px solid #5285e8}.rsBtn--primary{color:#fff;background:linear-gradient(#4f86e6,#5285e8);box-shadow:0 10px 20px #4f86e638}.rsBtn--primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.rsAlert{border:1px solid #0000;border-radius:14px;grid-column:1/-1;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.rsAlert--error{color:#b42318;background:#ef444414;border-color:#ef444438}.rsAlert--success{color:#067647;background:#22c55e1a;border-color:#22c55e38}.rsFile{background:#11182705;border:1px dashed #11182738;border-radius:12px;align-items:center;gap:12px;height:46px;padding:10px 12px;display:flex}.rsFileInput{display:none}.rsFileBtn{color:#fff;background:#111827;border-radius:10px;flex:none;padding:8px 12px;font-size:12px;font-weight:800}.rsFileName{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.rsTextarea{resize:vertical;background:#fff;border:1px solid #0000001f;border-radius:12px;outline:none;width:100%;padding:12px;line-height:1.5}.rsTextarea:focus{border-color:#4f86e68c;box-shadow:0 0 0 4px #4f86e61f}@media (max-width:820px){.rsGrid{grid-template-columns:1fr}.rsActions{justify-content:stretch}.rsBtn{width:100%}}.auth-page{background:#fff;place-items:center;min-height:100vh;padding:40px 16px;display:grid}.auth-card{border-radius:var(--radius);width:min(720px,100%);box-shadow:none;background:#fff;border:none;overflow:hidden}.authTopBar{background-color:#fff;padding:20px 24px 10px}.authPanel{z-index:100;background:#8cc9ea;border-radius:16px;flex-direction:column;align-items:center;margin:-30px 8px 22px;padding:50px 22px 28px;display:flex}.authPanelChoice{padding-top:40px}.brandCenter{text-align:center;flex-direction:column;align-items:center;margin-bottom:22px;display:flex}.brandCenter .brandCenterLogo{object-fit:contain;width:150px;height:150px;margin-top:-40px;margin-bottom:-10px}.brandCenter .brandCenterName{color:#fff;margin-top:-10px;font-family:Mitr,sans-serif;font-size:32px;font-weight:500}.brandTagline{color:#fff;margin-bottom:4px;font-size:24px;font-weight:500}.brandSub{color:#ffffffe6;font-size:16px;font-weight:200}.choiceGrid{grid-template-columns:1fr 1fr;gap:22px;width:min(720px,100%);margin-top:8px;margin-bottom:18px;display:grid}.choiceCard{text-align:center;background:#fff;border-radius:16px;padding:18px 18px 16px;box-shadow:0 10px 24px #0000001f}.choiceCardSchool{background:#ffcc4d}.choiceIconWrap{place-items:center;margin-top:4px;margin-bottom:10px;display:grid}.choiceTitle{color:#111827;margin-bottom:2px;font-size:18px;font-weight:500}.choiceEng{color:#111827b3;margin-bottom:10px;font-size:12px;font-weight:400}.choiceDesc{color:#111827d9;margin-bottom:12px;font-size:12.5px;font-weight:200;line-height:1.55}.choiceBtn{border:none;border-radius:10px;justify-content:center;align-items:center;height:38px;padding:0 16px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.choiceBtnYellow{color:#111827;background:#fbbf24}.choiceBtnWhite{color:#111827;background:#fff}.choiceBottom{color:#fffffff2;align-items:center;gap:10px;margin-top:10px;font-size:14px;font-weight:500;display:inline-flex}.choiceDivider{opacity:.9}.choiceBottomLink{color:#0a2865;font-weight:500;text-decoration:none}.choiceBottomLink:hover{text-decoration:underline}@media (max-width:760px){.choiceGrid{grid-template-columns:1fr;gap:14px}}.certPopup{text-align:center;background:#fff;border-radius:24px;width:95%;max-width:480px;padding:32px;animation:.2s certPopIn;box-shadow:0 24px 60px #00000040}@keyframes certPopIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.certPopupTitle{color:#1e293b;margin-bottom:8px;font-size:24px;font-weight:800}.certBtnClose{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 28px;font-size:14px}.dnCloseBtn{transition:none!important;transform:none!important}.dnCloseBtn:hover{opacity:.7;transform:none!important}.dnModalScroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;overflow-y:scroll!important}.dnModalScroll::-webkit-scrollbar{width:6px}.dnModalScroll::-webkit-scrollbar-track{background:0 0;border-radius:20px}.dnModalScroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.dnModalScroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dnLayout{grid-template-columns:520px 500px;width:fit-content;min-height:calc(100vh - 120px);margin:0 auto;display:grid}.dnLeft{clip-path:inset(0 0 0 -100vw);background:#fff8e7;border-right:1px solid #e5e7eb;padding:40px 32px;box-shadow:-100vw 0 0 100vw #fff8e7}.dnRight{clip-path:inset(0 -100vw 0 0);background:#fff;flex-direction:column;padding:40px 48px;display:flex;box-shadow:100vw 0 0 100vw #fff}.dnDraftBtn{box-sizing:border-box;color:#555;cursor:pointer;background:#eae5e5;border:1.5px solid #a4a4a4;border-radius:12px;width:100%;height:54px;font-family:Kanit,sans-serif;font-size:16px;font-weight:600}.dnDraftBtn:hover{background:#d1d5db}.dnProjectCard{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00000012}.dnProjectImg{background:#eef2ff;width:100%;height:260px;overflow:hidden}.dnProjectImg img{object-fit:cover;width:100%;height:100%}.dnProjectImgPlaceholder{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);width:100%;height:100%}.dnProjectInfo{padding:18px 20px}.dnProjectBadge{color:#888;margin-bottom:6px;font-size:12px}.dnProjectTitle{color:#111;margin-bottom:4px;font-size:18px;font-weight:700;line-height:1.4}.dnProjectSchool{color:#666;margin-bottom:10px;font-size:13px}.dnProjectFulfilled{color:#374151;font-size:15px}.dnProjectFulfilled strong{color:#5285e8;font-size:20px}.dnRight{background:#fff;flex-direction:column;padding:40px 48px;display:flex}.dnMethodTabs{gap:12px;margin-bottom:8px;display:flex}.dnMethodTab{color:#555;cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #d0e8f7;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-family:Kanit,sans-serif;font-size:14px;transition:border-color .15s,color .15s,background .15s;display:inline-flex;transform:none!important}.dnMethodTab:hover{color:#87c7eb;border-color:#87c7eb;transform:none!important}.dnMethodTabActive{color:#fff;background:#5285e8;border-color:#5285e8;font-weight:500}.dnStep{flex-direction:column;gap:5px;display:flex}.dnBackBtn{color:#053f5c;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;width:fit-content;margin-top:20px;padding:0;font-family:Kanit,sans-serif;font-size:16px;font-weight:600;transition:none;display:inline-flex}.dnBackBtn svg{color:#053f5c;transition:color .15s}.dnBackBtn:hover{transform:none!important}.dnBackBtn:hover svg{color:#87c7eb}.dnStepTitle{color:#053f5c;font-size:20px;font-weight:600;line-height:1.4}.dnTypeTabs{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:14px;gap:0;display:flex;overflow:hidden}.dnTypeTab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-right:1.5px solid #e5e7eb;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:Kanit,sans-serif;font-size:15px;font-weight:500;transition:all .2s;display:flex;position:relative}.dnTypeTab:last-child{border-right:none}.dnTypeTab:hover:not(.dnTypeTabActive){color:#374151;background:#f0f8ff}.dnTypeTabActive{color:#fff;background:#5285e8;font-weight:600}.dnTypeTabBadge{color:#fff;background:#ffbe1b;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.dnNoItems{text-align:center;color:#9ca3af;background:#f9fafb;border:1.5px dashed #e5e7eb;border-radius:14px;padding:40px 20px;font-size:15px}.dnUniformList{flex-direction:column;gap:12px;display:flex}.dnUniformItem{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;align-items:center;gap:16px;padding:14px 18px;transition:border-color .18s;display:flex}.dnUniformItem:hover{border-color:#87c7eb}.dnUniformImg{background:#f0f4ff;border-radius:10px;flex-shrink:0;width:72px;height:72px;overflow:hidden}.dnUniformImg img{object-fit:contain;width:100%;height:100%}.dnUniformImgPlaceholder{background:linear-gradient(135deg,#dce8ff,#eef2ff);width:100%;height:100%}.dnUniformInfo{flex:1}.dnUniformName{color:#111;flex-wrap:wrap;align-items:center;gap:6px;font-size:16px;font-weight:600;display:flex}.dnUniformSize{border-radius:20px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.dnUniformGender{color:#ad1457;background:#fff0f8;border-radius:20px;margin-left:6px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.dnUniformLevel{color:#888;margin-top:2px;font-size:13px}.dnUniformRemain{color:#5285e8;margin-top:4px;font-size:12px}.dnQtyControl{flex-shrink:0;align-items:center;gap:10px;display:flex}.dnQtyBtn{cursor:pointer;color:#5285e8;background:#fff;border:1.5px solid #d0e8f7;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .15s;display:flex}.dnQtyBtn:hover:not(:disabled){color:#fff;background:#5285e8;border-color:#5285e8}.dnQtyBtn:disabled{opacity:.35;cursor:not-allowed}.dnQtyNum{color:#111;text-align:center;min-width:24px;font-size:18px;font-weight:600}.dnTotalChip{color:#1d4ed8;background:#eef5ff;border:1.5px solid #c7dcff;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:14px;display:inline-flex}.dnTotal{color:#1d4ed8;background:#eef5ff;border:1.5px solid #5285e8;border-radius:12px;padding:16px 20px;font-size:16px;font-weight:500}.dnTotal strong{font-size:20px}.dnStepActions{justify-content:flex-end;display:flex}.dnNextBtn{color:#1d4ed8;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-family:Kanit,sans-serif;font-size:18px;font-weight:600;display:flex}.dnFormGroup{flex-direction:column;gap:6px;display:flex}.dnLabel{color:#374151;font-size:15px;font-weight:500}.dnInput{color:#374151;box-sizing:border-box;border:1.5px solid #d0e8f7;border-radius:10px;outline:none;width:100%;height:46px;padding:0 14px;font-family:Kanit,sans-serif;font-size:15px;transition:border-color .18s}.dnInput:focus{border-color:#5285e8}.dnUniformSize{color:#fff;background:#ffbe1b;margin-left:12px}.dnSummaryTitle{margin-top:20px;font-weight:700}.dnSummaryRow{margin-top:10px;font-size:16px;font-weight:500}.dnInput::placeholder{-webkit-text-fill-color:#aaa;color:#aaa!important;opacity:1!important}.dnTotal{color:#fff;background:#5285e8;border:none;margin-top:10px}.dnSelect{color:#374151;appearance:none;cursor:pointer;box-sizing:border-box;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235285E8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 14px center no-repeat;border:1.5px solid #d0e8f7;border-radius:10px;outline:none;height:46px;padding:0 36px 0 14px;font-family:Kanit,sans-serif;font-size:15px}.dnAddressBox{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.dnAddressText{color:#374151;flex:1;font-size:14px;line-height:1.7}.dnCopyBtn{cursor:pointer;color:#888;background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;transition:color .18s;display:flex}.dnCopyBtn:hover{color:#5285e8}.dnUploadBox{cursor:pointer;color:#aaa;border:1.5px dashed #d0e8f7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100px;font-family:Kanit,sans-serif;font-size:14px;transition:border-color .18s;display:flex;overflow:hidden}.dnUploadBox:hover{border-color:#5285e8}.dnProofImg{object-fit:cover;width:100%;height:100%}.dnDateWrap{position:relative}.dnDateWrap .dnInput{padding-right:52px}.dnDateIcon{pointer-events:auto;cursor:pointer;background:#5285e8;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.dnDateIcon:hover{background:#3d6bc7}.dnInfoBox{background:#fffbf0;border:1px solid #ffbe1b;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.dnInfoLabel{color:#888;font-size:12px}.dnInfoVal{color:#111;font-size:15px;font-weight:600}.dnInfoSub{color:#666;font-size:13px}.dnSubmitBtn{color:#fff;box-sizing:border-box;cursor:pointer;background:#ffbe1b;border:none;border-radius:12px;width:100%;height:54px;margin-top:8px;font-family:Kanit,sans-serif;font-size:20px;font-weight:600}.dnSubmitBtn:hover{background:#f0ad00}.dnSubmitBtn:disabled{opacity:.6;cursor:not-allowed}.dnCertNote{text-align:center;color:#888;font-size:12px}.dnErr{color:#dc2626;background:#fee2e2;border-radius:8px;padding:10px 14px;font-size:14px}@media (max-width:900px){.dnLayout{grid-template-columns:1fr}.dnRight{padding:24px 20px}.dnTypeTab{flex-direction:column;gap:4px;padding:10px 8px;font-size:13px}}.dnTypeTabs{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.dnTypeTab{color:#555;cursor:pointer;background:#fff;border:1.5px solid #d0e8f7;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-family:Kanit,sans-serif;font-size:14px;transition:all .18s;display:flex;position:relative}.dnTypeTab:hover{color:#5285e8;border-color:#5285e8}.dnTypeTabActive{color:#fff;background:#5285e8;border-color:#5285e8;font-weight:500}.dnTypeTabIcon{font-size:16px;line-height:1}.dnTypeTabLabel{white-space:nowrap}.dnTypeTabBadge{color:#fff;text-align:center;background:#ffbe1b;border-radius:999px;min-width:20px;padding:1px 7px;font-size:11px;font-weight:700}.dnTypeTabActive .dnTypeTabBadge{background:#ffffff4d}.dnUniformSize{color:#fff;margin-left:9px;font-size:13px;font-weight:400}.dnSummaryQty{margin-left:8px}.dnNoItems{text-align:center;color:#aaa;padding:32px;font-size:15px}.dnTotalSummary{flex-direction:column;gap:8px;display:flex}.dnTotalRow{flex-wrap:wrap;gap:8px;display:flex}.dnTotalChip{color:#1d4ed8;background:#eef5ff;border:1px solid #c7dcff;border-radius:999px;padding:4px 14px;font-size:13px}.dnTotalChip strong{font-weight:700}.certOverlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.certPopup{text-align:center;background:#fff;border-radius:24px;width:95%;max-width:680px;max-height:90vh;padding:32px;animation:.2s certPopIn;overflow-y:auto;box-shadow:0 24px 60px #00000040}.certPopupTitle{color:#22c55e;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;font-size:24px;font-weight:800;display:flex}.certPopupName{color:#29b6e8;margin-bottom:12px;font-size:20px;font-weight:700}.certPopupMsg{color:#64748b;margin-bottom:20px;font-size:14px;line-height:1.8}.certPreview{border-radius:12px;width:100%;margin-bottom:20px;box-shadow:0 4px 20px #0000001f}.certPending{color:#d97706;background:#fef3c7;border-radius:12px;margin-bottom:20px;padding:16px 20px;font-size:14px;font-weight:600;line-height:1.6}.certPopupActions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.certBtnDownload{color:#fff;background:#29b6e8;border-radius:10px;align-items:center;gap:6px;padding:10px 22px;font-family:Kanit,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.certBtnDownload:hover{background:#1da8d8}.certBtnPdf{background:#f97316}.certBtnPdf:hover{background:#ea6c0a}.certBtnClose{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 22px;font-family:Kanit,sans-serif;font-size:14px;transition:background .15s}.certBtnClose:hover{background:#f9fafb}Additions · CSS Copy .dnScheduleBanner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.dnScheduleBannerNone{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:7px;margin-bottom:16px;padding:9px 14px;font-size:12px;display:flex}.dnCalWrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:4px;padding:14px}.dnCalNav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dnCalNavBtn{cursor:pointer;color:#555;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:4px 8px;transition:background .15s;display:flex}.dnCalNavBtn:hover{background:#e9f0fb}.dnCalMonthLabel{color:#1e293b;font-size:14px;font-weight:600}.dnCalGrid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dnCalDayLabel{color:#94a3b8;text-align:center;padding:3px 0 6px;font-size:11px;font-weight:500}.dnCalCell{text-align:center;cursor:pointer;color:#334155;border-radius:8px;padding:7px 2px;font-size:13px;line-height:1;transition:background .12s,color .12s}.dnCalEnabled:hover{color:#1d4ed8;background:#dbeafe}.dnCalDisabled{color:#cbd5e1;cursor:not-allowed;background:#f1f5f9;border-radius:8px}.dnCalToday{color:#b45309;border:1.5px solid #f59e0b;font-weight:600}.dnCalActive{font-weight:600;color:#fff!important;background:#2563eb!important}.dnCalLegend{align-items:center;gap:6px;margin-top:10px;display:flex}.dnCalLegendItem{border-radius:3px;width:10px;height:10px;display:inline-block}.dnCalLegendClosed{background:#e2e8f0}.dnTimeSlots{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.dnTimeSlot{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:7px 16px;font-family:inherit;font-size:13px;transition:all .15s}.dnTimeSlot:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.dnTimeSlotActive{font-weight:600;color:#fff!important;background:#2563eb!important;border-color:#1d4ed8!important}.dnAppointSummary{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.dnLabelHint{color:#94a3b8;margin-left:4px;font-size:11px;font-weight:400}.qrSaveBtn{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:background .15s,color .15s,opacity .15s;display:flex;transform:none!important}.qrSaveBtn:hover:not(:disabled){opacity:.85;transform:none!important}.qrSaveBtn:disabled{cursor:not-allowed;opacity:.6}.qrSaveBtn--primary{color:#fff;background:#5285e8;border:none}.qrSaveBtn--primary:hover:not(:disabled){opacity:1;background:#3d6fd6}.qrSaveBtn--outline{color:#5285e8;background:#fff;border:1.5px solid #5285e8}.qrSaveBtn--outline:hover:not(:disabled){opacity:1;background:#eff6ff}.dhTrackInput{box-shadow:none!important;outline:none!important}.dhTrackInput:focus,.dhTrackInput:focus-visible{box-shadow:none!important;border-color:#5285e8!important;outline:none!important}button.dnMethodTab:hover,button.dnMethodTab:focus,button.pdGenderTab:hover,button.pdLevelTab:hover,button.pdTypeTab:hover,button.pdQtyBtn:hover{transform:none!important}.dhTabBtn{color:#6b7280;cursor:pointer;appearance:none;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:20px;outline:none;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:none;display:inline-flex}.dhTabBtn.dhTabActive{font-weight:600;color:#fff!important;background-color:#5285e8!important;border-color:#5285e8!important}.dhTabBtn:focus,.dhTabBtn:focus-visible,.dhTabBtn:active{background-color:#fff;outline:none}.dhTabBtn.dhTabActive:focus,.dhTabBtn.dhTabActive:focus-visible,.dhTabBtn.dhTabActive:active{outline:none;background-color:#5285e8!important}.dhTabBadge{color:#6b7280;background-color:#e5e7eb;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:700}.dhTabBtn.dhTabActive .dhTabBadge{color:#fff;background-color:#ffffff4d}.schoolWrap{background:#f6f3ea;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.schoolCard{text-align:center;background:#fff;border-radius:18px;width:560px;padding:26px;box-shadow:0 8px 24px #00000014}.badge{border-radius:999px;margin:10px 0;padding:10px 14px;font-weight:700;display:inline-block}.badge.pending{color:#8a6d3b;background:#fff3cd}.badge.rejected{color:#b00020;background:#ffe5e7}.desc{opacity:.85;margin:8px 0}.schoolHero{text-align:center;width:900px}.primaryBtn{background:#f4b400;border:0;border-radius:999px;padding:16px 22px;font-weight:800}.swPage{background:#faf0ca;flex-direction:column;min-height:100vh;display:flex}.swTopbar{background:#87c7eb;justify-content:space-between;align-items:center;height:86px;padding:0 28px;display:flex;box-shadow:0 5px 3px #00000014}.scHeader{box-sizing:border-box;background:linear-gradient(135deg,#8ec7ea 0%,#6db5e0 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;height:76px;padding:0 24px;display:flex;box-shadow:0 2px 8px #0000001a}.swBrand{cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:relative;left:-30px}.swBrand:hover,.swBrand:focus,.swBrand:active{background:0 0;border:none;outline:none;transform:none}.swLogo{background:#87c7eb;width:280px;height:86px;position:absolute;left:0}.swBrandPic{justify-content:center;align-items:center;margin-left:20px;display:flex;position:relative}.swBrandPic img{z-index:1;width:200px;height:auto;margin:20px 0}.swAdminTag{color:#0b3d59;align-items:center;gap:10px;padding:0 26px;font-size:18px;display:flex}.swAvatar{vertical-align:middle;display:inline-flex}.swAvatar svg{color:#0b3d59;width:32px;height:32px;margin-right:8px}.swMain{flex:1;justify-content:center;align-items:center;margin:40px 0;padding:28px;display:flex}.swHero{text-align:center;flex-direction:column;align-items:center;gap:18px;width:min(980px,92vw);display:flex}.swIllustration img{width:min(600px,92vw);height:auto}.swWelcomeText{line-height:1.6}.swTitle{color:#0b3d59;margin:0;font-size:38px;font-weight:600}.swSub{color:#0b3d59;margin:0;font-size:40px;font-weight:700}.swCTA{color:#fff;cursor:pointer;background:#f2b233;border:none;border-radius:999px;width:min(500px,92vw);height:60px;margin:30px 0 40px;font-size:26px;font-weight:600;box-shadow:0 10px 24px #0000001f}.swMuted{color:#6b7280}.swError{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;padding:10px 14px}.pendingPage{background:linear-gradient(#f4f7fb,#eef2f7);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.pendingCard{background:#fff;border-radius:18px;width:100%;max-width:560px;padding:32px 28px;box-shadow:0 18px 40px #00000014}.pendingTitle{color:#1f2937;text-align:center;margin:0 0 18px;font-size:22px;font-weight:700}.pendingStatus{text-align:center;border-radius:12px;margin-bottom:14px;padding:20px 16px;font-size:15px;font-weight:700}.pendingStatus svg{vertical-align:middle;margin-right:8px;font-size:35px}.pendingStatus.pending{color:#ffbe1b;background:#fffae2}.pendingStatus.approved{color:#047857;background:#ecfdf5}.pendingStatus.rejected{color:#b91c1c;background:#fef2f2}.pendingDesc{color:#374151;background:#f8fafc;border-radius:12px;margin:0 0 16px;padding:14px;font-size:14.5px;line-height:1.55}.pendingNote{color:#374151;background:#f9fafb;border:1px solid #eef2f7;border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:14px}.pendingActions{flex-direction:column;gap:12px;margin-top:18px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:600;transition:all .2s}.btnPrimary{color:#fff;background:#5285e8}.btnPrimary:hover{background:#3a6fd4;transform:none}.btnGhost{color:#fff;background:#f4b400;border:1.5px solid #f4b400;padding:8px 18px}.btnGhost:hover{background:#eff6ff;transform:none}.scShell{background:#f6f7fb;min-height:100vh;display:flex}.scSide{color:#fff;background:#8ec7ea;width:280px;padding:24px 18px}.scBrand{cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;margin-bottom:18px;display:flex}.scLogo{width:auto;height:44px;display:block}.scSideLine{background:#ffffff73;height:1px;margin:14px 0}.scContent{flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.scMenu{flex-direction:column;gap:10px;margin-top:10px;display:flex}.scItem{color:#fff;opacity:.9;border-radius:12px;align-items:center;gap:12px;padding:14px 12px;text-decoration:none;display:flex}.scItem.active{opacity:1;background:#ffffff2e}.scMenuIcon{background:#ffffff38;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.scMain{flex:1;padding:24px 28px}.scHamburger{color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:4px;display:none}.scHeaderSchool{align-items:center;gap:12px;padding:4px 0;display:flex}.scHeaderSchoolLogo{object-fit:cover;background:#fff;border-radius:10px;flex-shrink:0;width:46px;height:46px;box-shadow:0 2px 8px #00000024}.scHeaderSchoolIconFallback{background:#fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px}.scHeaderSchoolSub{color:#ffffffa6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:10px;font-weight:600}.scHeaderSchoolName{color:#1e3a8a;text-shadow:0 1px #fff9;letter-spacing:.01em;font-size:18px;font-weight:800;line-height:1}.scOverlay{z-index:999;background:#00000073;display:none;position:fixed;inset:0}.scDrawer{color:#fff;z-index:1000;background:#8ec7ea;width:280px;height:100vh;padding:20px 18px 28px;transition:transform .28s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 24px #0000002e}.scDrawerOpen{transform:translate(0)!important}.scDrawerHead{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.scDrawerClose{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.scDrawerSchool{border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:12px;display:flex}.scDrawerSchoolLogo{object-fit:cover;background:#fff;border-radius:10px;flex-shrink:0;width:42px;height:42px}.scDrawerSchoolIcon{background:#fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.scDrawerSchoolSub{color:#ffffffa6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:10px;font-weight:600}.scDrawerSchoolName{color:#1e3a8a;text-shadow:0 1px #fff9;letter-spacing:.01em;font-size:15px;font-weight:800;line-height:1}@media (max-width:768px){.scSide{display:none}.scHamburger{display:flex}.scDrawer,.scOverlay{display:block}.scHeaderSchool{display:none!important}.scMain{padding:16px 14px}.scHeader{gap:6px;padding:0 12px}}.scHeaderLeft{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.scHeaderRight{flex-shrink:0;align-items:center;gap:8px;display:flex}.scHeaderSchoolText{min-width:0}.scHeaderSchoolName{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}@media (max-width:768px){.swMain{margin:16px 0;padding:16px}.swHero{gap:12px}.swIllustration img{width:min(280px,88vw)}.swTitle{font-size:22px}.swSub{font-size:20px}.swCTA{height:52px;margin:16px 0 24px;font-size:18px}}.dbPage{flex-direction:column;gap:20px;display:flex}.dbLoading{text-align:center;color:#6b7280;padding:40px}.dbTimeFilter{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 20px;box-shadow:0 2px 8px #0000000d}.dbTimeFilter__head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.dbTimeFilter__icon{color:#fff;background:#5285e8;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dbTimeFilter__title{color:#1e293b;font-size:14px;font-weight:800}.dbTimeFilter__sub{color:#94a3b8;margin-top:1px;font-size:11px}.dbTimeFilter__badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:4px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:700;display:flex}.dbTimeFilter__chips{flex-wrap:wrap;gap:6px;display:flex}.dbTimeChip{cursor:pointer;color:#475569;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:4px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.dbTimeChip--active{color:#fff;background:#5285e8;border-color:#5285e8;transform:translateY(-1px);box-shadow:0 2px 8px #5285e84d}.dbTimeChip--custom{border-color:#e2e8f0}.dbTimeChip--customActive{color:#fff;background:#5285e8;border-color:#5285e8;box-shadow:0 2px 8px #5285e84d}.dbTimeFilter__range{background:linear-gradient(135deg,#f5f3ff,#faf5ff);border:1px solid #ddd6fe;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;display:flex}.dbTimeFilter__rangeGroup{align-items:center;gap:8px;display:flex}.dbTimeFilter__rangeIcon{color:#fff;background:#5285e8;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.dbTimeFilter__rangeLabel{color:#5285e8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:10px;font-weight:700}.dbTimeFilter__arrow{color:#5285e8;padding-top:14px;font-size:18px}.dbTimeFilter__dateInput{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #ddd6fe;border-radius:8px;padding:5px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.dbTimeFilter__dateInput:focus{border-color:#5285e8;outline:none;box-shadow:0 0 0 3px #5285e833}.dbProjectCard{background:#fff;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 28px;display:flex;box-shadow:0 2px 8px #0000000f}.dbProjectEmpty{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px}.dbProjectLeft{flex:1}.dbProjectTitle{color:#1e3a5f;margin-bottom:8px;font-size:20px;font-weight:700}.dbProjectMeta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dbStatusBadge{border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.dbStatusDot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dbProjectDate{color:#5285e8;font-size:13px;font-weight:500}.dbProgressLabel{color:#6b7280;justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.dbProgressCount{color:#5285e8;font-size:14px;font-weight:700}.dbProgressBar{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.dbProgressFill{background:linear-gradient(90deg,#5285e8,#3a6fd4);border-radius:999px;height:100%;transition:width .5s}.dbProgressPct{color:#9ca3af;margin-top:4px;font-size:12px}.dbManageBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#5285e8;border:none;border-radius:10px;padding:10px 20px;font-weight:600;transition:background .2s}.dbManageBtn:hover{background:#3a6fd4}.dbStatGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dbStatCard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex;box-shadow:0 1px 4px #0000000d}.dbStatIconWrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dbStatCard--red .dbStatIconWrap{color:#ef4444;background:#fef2f2}.dbStatCard--orange .dbStatIconWrap{color:#f59e0b;background:#fff7ed}.dbStatCard--green .dbStatIconWrap{color:#10b981;background:#d1fae5}.dbStatCard--blue .dbStatIconWrap{color:#5285e8;background:#eef2ff}.dbStatCard--sky .dbStatIconWrap{color:#0284c7;background:#e0f2fe}.dbStatCard--violet .dbStatIconWrap{color:#7c3aed;background:#ede9fe}.dbStatValue{color:#111827;font-size:26px;font-weight:700;line-height:1}.dbStatCard--red .dbStatValue{color:#ef4444}.dbStatCard--orange .dbStatValue{color:#f59e0b}.dbStatCard--green .dbStatValue{color:#10b981}.dbStatCard--blue .dbStatValue{color:#5285e8}.dbStatCard--sky .dbStatValue{color:#0284c7}.dbStatCard--violet .dbStatValue{color:#7c3aed}.dbStatUnit{font-size:13px;font-weight:500}.dbStatSub{color:#9ca3af;margin-top:2px;font-size:11px}.dbStatLabel{color:#6b7280;margin-top:3px;font-size:12px}.dbChartRow{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dbChartCard{background:#fff;border-radius:14px;padding:20px;position:relative;box-shadow:0 2px 8px #0000000f}.dbChartTitle{color:#1e3a5f;margin-bottom:12px;font-size:15px;font-weight:700}.dbChartEmpty{text-align:center;color:#9ca3af;padding:40px 0;font-size:14px}.dbDonutLegend{flex-wrap:wrap;gap:8px 14px;margin-bottom:8px;display:flex}.dbDonutLegendItem{color:#374151;align-items:center;gap:5px;font-size:12px;display:flex}.dbDonutDot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dbDonutCenter{text-align:center;color:#1e3a5f;pointer-events:none;font-size:22px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dbDonutSub{text-align:center;color:#9ca3af;margin-top:4px;font-size:12px}.dbCard{background:#fff;border-radius:14px;padding:20px 24px;box-shadow:0 2px 8px #0000000f}.dbCardHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dbCardTitle{color:#1e3a5f;font-size:16px;font-weight:700}.dbCardSub{color:#9ca3af;margin-top:2px;font-size:12px}.dbBadgeCount{color:#fff;text-align:center;background:#ef4444;border-radius:999px;min-width:24px;padding:2px 8px;font-size:12px;font-weight:700}.dbActionList{flex-direction:column;gap:10px;display:flex}.dbActionItem{background:#f9fafb;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.dbActionIcon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.dbActionBody{flex:1;min-width:0}.dbActionTitle{color:#111827;font-size:14px;font-weight:600}.dbActionSub{color:#6b7280;margin-top:2px;font-size:12px}.dbActionBtn{cursor:pointer;white-space:nowrap;color:#374151;background:#f3f4f6;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600}.dbActionBtn:hover{background:#e5e7eb}.dbActionEmpty{color:#9ca3af;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:32px;font-size:14px;display:flex}.dbTabBar{gap:6px;margin-left:auto;display:flex}.dbTab{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.dbTab:hover{color:#374151;border-color:#d1d5db}.dbTab--active.dbTab--sky{color:#0284c7;background:#e0f2fe;border-color:#bae6fd;font-weight:600}.dbTab--active.dbTab--violet{color:#7c3aed;background:#ede9fe;border-color:#ddd6fe;font-weight:600}.dbTabBadge{color:#fff;opacity:.85;background:currentColor;border-radius:20px;padding:1px 6px;font-size:10px;font-weight:700}.dbColList{border:1px solid #e5e7eb;border-radius:10px;margin-top:12px;overflow:hidden}.dbColEmpty{text-align:center;color:#9ca3af;padding:32px;font-size:13px}.dbColItem{border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:10px 14px;transition:background .1s;display:flex}.dbColItem:last-child{border-bottom:none}.dbColItem:hover{background:#f9fafb}.dbColItem--today{background:#fffbeb}.dbColItem--overdue{background:#fef2f2}.dbColItemMain{flex:1;min-width:0}.dbColItemName{color:#111827;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.dbColItemSub{color:#6b7280;margin-top:2px;font-size:11px}.dbColTag{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.dbColTag--today{color:#b45309;background:#fef3c7}.dbColTag--overdue{color:#dc2626;background:#fee2e2}.dbColTag--market{color:#15803d;background:#f0fdf4}.dbColTag--postal{color:#0284c7;background:#e0f2fe}.dbTestiGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.dbTestiCard{background:#f8fbfe;border:1px solid #e0f0fa;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.dbTestiQuote{color:#5285e8;font-family:Georgia,serif;font-size:28px;line-height:1}.dbTestiText{color:#374151;flex:1;font-size:13px;line-height:1.6}.dbTestiMeta{margin-top:auto}.dbTestiProject{color:#1e3a5f;font-size:12px;font-weight:600;display:block}.dbTestiDate{color:#9ca3af;font-size:11px}.dbPriBtn{color:#fff;cursor:pointer;background:#5285e8;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.dbPriBtn:hover{background:#3a6fd4}.dbSecBtn{color:#5285e8;cursor:pointer;background:0 0;border:1px solid #5285e8;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.dbSecBtn:hover{background:#f0f9ff}@media (max-width:1100px){.dbStatGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.dbStatGrid{grid-template-columns:repeat(2,1fr)}.dbChartRow,.dbTestiGrid{grid-template-columns:1fr}.dbTabBar{flex-wrap:wrap}}@media (max-width:768px){.dbStatGrid{grid-template-columns:repeat(2,1fr);gap:10px}.dbStatCard{gap:10px;padding:12px 14px}.dbStatValue{font-size:20px}.dbStatUnit,.dbStatLabel{font-size:11px}.dbStatIconWrap{border-radius:10px;width:36px;height:36px}.dbChartRow{grid-template-columns:1fr}.dbChartCard{padding:16px}.dbChartTitle{font-size:13px}.dbTestiGrid{grid-template-columns:1fr}.dbTestiText{font-size:12px}.dbProjectCard{flex-direction:column;gap:12px;padding:16px}.dbProjectTitle{font-size:15px}.dbProjectDate{font-size:12px}.dbManageBtn{text-align:center;width:100%;padding:10px}.dbCard{padding:16px}.dbCardHeader{flex-direction:column;align-items:flex-start;gap:8px}.dbCardTitle{font-size:14px}.dbCardSub{font-size:11px}.dbTabBar{flex-wrap:wrap;gap:4px;width:100%;margin-left:0}.dbTab{padding:5px 10px;font-size:12px}.dbColItem{gap:8px;padding:10px}.dbColItemName{flex-wrap:wrap;font-size:12px}.dbColItemSub{font-size:10px}.dbActionBtn{padding:6px 10px;font-size:12px}.dbTimeFilter{padding:12px 14px}.dbTimeFilter__chips{gap:4px}.dbTimeChip{padding:5px 10px;font-size:11px}.dbTimeFilter__title{font-size:13px}}:root{--c-blue:#5285e8;--c-blue-dk:#5285e8;--c-blue-lt:#e0f7ff;--c-blue-mid:#b3e5fc;--c-gold:#f5a623;--c-gold-lt:#fff8e7;--c-text:#0f2a38;--c-text-sub:#5a7a8a;--c-border:#d4eef8;--c-bg:#f2f8fc;--c-card:#fff;--c-radius:14px}.srcPage{background:var(--c-bg);box-sizing:border-box;gap:32px;min-height:100vh;padding:36px 40px;font-family:Kanit,sans-serif;display:flex}.srcLeft{flex-direction:column;flex:1;gap:24px;max-width:560px;display:flex}.srcRight{flex-direction:column;flex-shrink:0;align-self:flex-start;gap:20px;width:300px;display:flex;position:sticky;top:36px}@media (max-width:900px){.srcPage{flex-direction:column;padding:20px}.srcRight{width:100%;position:static}}.srcHeader{align-items:flex-start;gap:12px;display:flex}.srcHeaderIcon{background:#5285e8;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-top:2px;display:flex}.srcTitle{color:var(--c-text);margin:0;font-family:Prompt,sans-serif;font-size:22px;font-weight:700;line-height:1.3}.srcSubtitle{color:var(--c-text-sub);margin-top:3px;font-size:13px}.srcSteps{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--c-radius);align-items:center;gap:0;padding:14px 20px;display:flex}.srcStep{align-items:center;gap:10px;display:flex}.srcStepNum{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.srcStepActive .srcStepNum{color:#fff;background:#5285e8;box-shadow:0 2px 8px #29b6e866}.srcStepActive span{color:var(--c-text);font-size:13px;font-weight:600}.srcStepPending .srcStepNum{background:var(--c-bg);color:var(--c-text-sub);border:1.5px solid var(--c-border)}.srcStepPending span{color:var(--c-text-sub);font-size:13px}.srcStepLine{background:#5285e8;border-radius:2px;flex:1;height:2px;margin:0 16px}.srcErr{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;animation:.3s srcShake;display:flex}@keyframes srcShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.srcForm{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--c-radius);flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 2px 12px #29b6e80f}.srcField{flex-direction:column;gap:7px;display:flex}.srcLabel{color:var(--c-text);letter-spacing:.01em;font-size:13px;font-weight:600}.srcReq{color:#ef4444}.srcOpt{color:var(--c-text-sub);font-size:12px;font-weight:400}.srcInput,.srcTextarea{border:1.5px solid var(--c-border);color:var(--c-text);box-sizing:border-box;background:#fafcff;border-radius:10px;width:100%;padding:11px 14px;font-family:Kanit,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.srcInput:focus,.srcTextarea:focus{border-color:var(--c-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #29b6e81f}.srcInput::placeholder,.srcTextarea::placeholder{color:#a0b8c8}.srcTextarea{resize:vertical;min-height:100px;line-height:1.6}.srcCharCount{color:var(--c-text-sub);text-align:right;font-size:11px}.srcDropzone{border:2px dashed var(--c-border);border-radius:var(--c-radius);cursor:pointer;background:#fafcff;justify-content:center;align-items:center;min-height:140px;transition:all .2s;display:flex;position:relative;overflow:hidden}.srcDropzone:hover,.srcDropzoneOver{border-color:var(--c-blue);background:var(--c-blue-lt)}.srcDropzoneHasImage{border-style:solid;border-color:var(--c-blue-mid);min-height:180px}.srcDropzoneContent{text-align:center;pointer-events:none;padding:20px}.srcDropzoneIcon{margin-bottom:10px;font-size:36px}.srcDropzoneText{color:var(--c-text-sub);margin-bottom:4px;font-size:14px;font-weight:500}.srcDropzoneSub{color:#a0b8c8;font-size:12px}.srcPreviewImg{object-fit:cover;width:100%;height:180px;display:block}.srcPreviewOverlay{opacity:0;color:#fff;background:#0a1e3280;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.srcDropzone:hover .srcPreviewOverlay{opacity:1}.srcRemoveImgCorner{color:#fff;cursor:pointer;z-index:10;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.srcRemoveImgCorner:hover{background:#ef4444}.srcBtn{background:linear-gradient(135deg, var(--c-blue) 0%, var(--c-blue-dk) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:Prompt,sans-serif;font-size:15px;font-weight:600;transition:background .2s;display:flex}.srcBtn:hover:not(:disabled){background:linear-gradient(135deg,#3a6fd4 0%,#2d5bbf 100%);transform:none}.srcBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.srcSpinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.srcPreviewCard{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--c-radius);position:relative;overflow:hidden;box-shadow:0 4px 20px #29b6e814}.srcPreviewBadge{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--c-text-sub);border:1px solid var(--c-border);background:#ffffffe6;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px}.srcPreviewCardImg{background:var(--c-blue-lt);height:150px;overflow:hidden}.srcPreviewCardImg img{object-fit:cover;width:100%;height:100%;display:block}.srcPreviewCardImgEmpty{opacity:.4;justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;display:flex}.srcPreviewCardBody{padding:16px}.srcPreviewCardTitle{color:var(--c-text);min-height:20px;margin-bottom:8px;font-family:Prompt,sans-serif;font-size:14px;font-weight:600;line-height:1.4}.srcPreviewCardDesc{color:var(--c-text-sub);-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:36px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.srcPreviewPlaceholder{color:#cbd5e1;font-style:italic}.srcPreviewCardStatus{border-top:1px solid var(--c-border);color:#059669;align-items:center;gap:7px;margin-top:12px;padding-top:12px;font-size:12px;font-weight:500;display:flex}.srcPreviewDot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #5285e826}50%{box-shadow:0 0 0 8px #5285e814}}.srcTips{background:var(--c-gold-lt);border-radius:var(--c-radius);border:1px solid #f5a62340;padding:16px}.srcTipsTitle{color:#92400e;margin-bottom:10px;font-family:Prompt,sans-serif;font-size:13px;font-weight:600}.srcTipsList{flex-direction:column;gap:7px;margin:0;padding:0 0 0 16px;display:flex}.srcTipsList li{color:#78350f;font-size:12px;line-height:1.5}:root{--um-blue:#5285e8;--um-blue-dark:#3a6bd4;--um-blue-lt:#eef2fd;--um-blue-mid:#c5d5f8;--um-gold:#f5a623;--um-gold-lt:#fff8e7;--um-text:#0f2a38;--um-text-sub:#5a7a8a;--um-border:#d4e0f8;--um-bg:#fafcff;--um-card:#fff;--um-radius:12px;--um-radius-sm:8px;--um-shadow:0 4px 24px #5285e81a;--um-shadow-lg:0 20px 60px #0f2a382e}.smOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0a1e328c;justify-content:center;align-items:center;animation:.2s smFadeIn;display:flex;position:fixed;inset:0}@keyframes smFadeIn{0%{opacity:0}to{opacity:1}}.smModal{background:var(--um-card);width:min(680px,95vw);max-height:90vh;box-shadow:var(--um-shadow-lg);border-radius:20px;flex-direction:column;font-family:Kanit,sans-serif;animation:.25s cubic-bezier(.34,1.2,.64,1) smSlideUp;display:flex;overflow:hidden}@keyframes smSlideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.smHead{background:#5285e8;border-bottom:none;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.smHeadLeft{align-items:center;gap:14px;display:flex}.smHeadIcon{color:#fff;background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.smTitle{color:#fff;font-family:Kanit,sans-serif;font-size:17px;font-weight:600;line-height:1.3}.smSubtitle{color:#ffffffbf;margin-top:2px;font-size:12px}.smClose{cursor:pointer;color:#ffffffd9;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.smClose:hover{color:#fff;background:#fff3;border-radius:8px}.smBody{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.smBody::-webkit-scrollbar{width:4px}.smBody::-webkit-scrollbar-track{background:0 0}.smBody::-webkit-scrollbar-thumb{background:var(--um-blue-mid);border-radius:4px}.smSection{background:var(--um-bg);border:1px solid var(--um-border);border-radius:var(--um-radius);flex-direction:column;gap:14px;padding:16px;display:flex}.smSectionLabel{color:var(--um-text);align-items:center;gap:10px;font-family:Kanit,sans-serif;font-size:13px;font-weight:600;display:flex}.smSectionNum{background:var(--um-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.smBtnAddNeed{color:#fff;cursor:pointer;background:#5285e8;border:none;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:5px 12px;font-family:Kanit,sans-serif;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.smBtnAddNeed:hover{background:#3a6bd4}.smGrid4{grid-template-columns:1fr 1fr;gap:12px;display:grid}.smFieldFull{grid-column:1/-1}.smField{flex-direction:column;gap:6px;display:flex}.smLabel{color:var(--um-text);letter-spacing:.02em;font-size:12px;font-weight:600}.smReq{color:#ef4444}.smUnit{color:var(--um-text-sub);font-weight:400}.smInput,.smSelect{border:1.5px solid var(--um-border);border-radius:var(--um-radius-sm);color:var(--um-text);box-sizing:border-box;background:#fff;width:100%;padding:9px 12px;font-family:Kanit,sans-serif;font-size:14px}.smSelect{padding-right:32px}.smInput:focus,.smInput:focus-visible,.smSelect:focus,.smSelect:focus-visible{box-shadow:none;border-color:#5285e8;outline:none}.smInput::placeholder{color:#a0b8c8}.smToggleGroup{gap:8px;display:flex}.smToggleBtn{border:1.5px solid var(--um-border);border-radius:var(--um-radius-sm);color:var(--um-text-sub);cursor:pointer;background:#fff;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 0;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.smToggleBtn:hover{border-color:var(--um-blue);color:var(--um-blue)}.smToggleActive{background:var(--um-blue)!important;border-color:var(--um-blue)!important;color:#fff!important}.smUrgencyGroup{flex-wrap:wrap;gap:8px;display:flex}.smUrgencyBtn{border:1.5px solid var(--um-border);border-radius:var(--um-radius-sm);min-width:100px;color:var(--um-text-sub);cursor:pointer;background:#fff;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.smUrgencyBtn:hover{border-color:#cbd5e1}.smUrgencyActive{font-weight:600!important}.smUrgencyDot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.smQtyRow{align-items:center;gap:6px;display:flex}.smQtyBtn{background:var(--um-blue-lt);border:1.5px solid var(--um-blue-mid);width:32px;height:36px;color:var(--um-blue-dark);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:all .15s;display:flex}.smQtyBtn:hover{background:var(--um-blue);color:#fff;border-color:var(--um-blue)}.smQtyInput{text-align:center;border:1.5px solid var(--um-border);width:56px;color:var(--um-text);border-radius:8px;padding:8px 4px;font-family:Kanit,sans-serif;font-size:14px}.smQtyInput:focus,.smQtyInput:focus-visible{box-shadow:none;outline:none}.smQtyUnit{color:var(--um-text-sub);font-size:13px}.smNeedTabs{flex-wrap:wrap;gap:6px;display:flex}.smNeedTab{border:1.5px solid var(--um-border);color:var(--um-text-sub);cursor:pointer;background:#fff;border-radius:20px;padding:6px 14px;font-family:Kanit,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.smNeedTabActive{background:var(--um-blue);border-color:var(--um-blue);color:#fff}.smNeedCard{border:1.5px solid var(--um-border);border-radius:var(--um-radius);background:#fff;flex-direction:column;gap:14px;padding:16px;animation:.15s smFadeIn;display:flex}.smNeedGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.smSupportRow{border-top:1px dashed var(--um-border);flex-wrap:wrap;align-items:center;gap:12px;padding-top:12px;display:flex}.smSupportLabel{color:var(--um-text-sub);white-space:nowrap;font-size:12px;font-weight:600}.smSupportBtns{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.smSupportBtn{border:1.5px solid var(--um-border);color:var(--um-text-sub);cursor:pointer;background:#fff;border-radius:20px;padding:7px 14px;font-family:Kanit,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.smSupportBtn:hover{border-color:var(--um-blue-mid);color:var(--um-blue)}.smSupportActive{background:var(--um-gold-lt);border-color:var(--um-gold);color:#92400e;font-weight:600}.smYears{color:var(--um-text-sub);align-items:center;gap:6px;font-size:13px;display:flex}.smBtnRemove{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-left:auto;padding:6px 12px;font-family:Kanit,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.smFoot{background:var(--um-bg);border-top:1px solid var(--um-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.smUrgencyBadge{border-radius:20px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.smFootActions{gap:10px;margin-left:auto;display:flex}.smBtnGhost{border:1.5px solid var(--um-border);color:var(--um-text-sub);cursor:pointer;background:#fff;border-radius:10px;padding:10px 20px;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;transition:all .15s}.smBtnGhost:hover{border-color:var(--um-blue-mid);color:var(--um-blue)}.smBtnPrimary{background:linear-gradient(135deg, var(--um-blue) 0%, var(--um-blue-dark) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 22px;font-family:Kanit,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.smBtnPrimary:hover:not(:disabled){filter:brightness(1.06)}.smBtnPrimary:disabled{opacity:.45;cursor:not-allowed}.smToggleGroup3{grid-template-columns:repeat(4,1fr)}.smToggleGroup3 .smToggleBtn{flex:1}.smSupportGroup{flex-direction:column;gap:8px;display:flex}.smSupportChipRow{gap:8px;display:flex}.smSupportChip{border:1.5px solid var(--um-border);color:var(--um-text-sub);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.smSupportChip:hover{border-color:var(--um-blue-mid);color:var(--um-blue)}.smSupportChipActive{background:var(--um-gold-lt);border-color:var(--um-gold);color:#92400e;font-weight:600}.smYearsRow{color:var(--um-text-sub);background:var(--um-bg);border:1px solid var(--um-border);border-radius:10px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;display:flex}.smNeedFooter{border-top:1px dashed var(--um-border);justify-content:flex-end;padding-top:10px;display:flex}.smBtnRemove{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-family:Kanit,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.smBtnRemove:hover{color:#fff;background:#ef4444}.smBtnGhost,.smBtnPrimary{align-items:center;gap:6px;display:inline-flex}.smInputErr{border-color:#fca5a5!important}.smInputWarn{border-color:#fcd34d!important}.smFieldErrList{flex-direction:column;gap:3px;display:flex}.smFieldErr{color:#ef4444;align-items:center;gap:5px;font-family:Kanit,sans-serif;font-size:11px;font-weight:500;display:flex}.smDupWarn{border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-family:Kanit,sans-serif;font-size:11px;font-weight:500;display:flex}.smDupExact{color:#ef4444;background:#fef2f2;border:1px solid #fca5a5}.smDupUpdate{color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe}.smDupSimilar{color:#b45309;background:#fffbeb;border:1px solid #fcd34d}@media (max-width:768px){.smOverlay{align-items:center;padding:16px}.smModal{border-radius:20px;flex-direction:column;width:100%;height:88dvh;max-height:88dvh;display:flex;overflow:hidden}.smHead{flex-shrink:0;padding:14px 16px 12px}.smTitle{font-size:15px}.smSubtitle{font-size:11px}.smHeadIcon{width:36px;height:36px}.smBody{-webkit-overflow-scrolling:touch;flex:1 1 0!important;gap:14px!important;min-height:0!important;padding:14px!important;overflow-y:auto!important}.smFoot{flex-wrap:wrap;gap:8px;padding:10px 14px;flex-shrink:0!important}.smSection{gap:10px;padding:12px}.smGrid4{grid-template-columns:1fr;gap:10px}.smFieldFull{grid-column:1}.smToggleGroup3{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.smUrgencyGroup{gap:6px}.smUrgencyBtn{min-width:unset;padding:8px 10px;font-size:12px}.smNeedGrid{grid-template-columns:1fr;gap:10px}.smInput,.smSelect{padding:8px 10px;font-size:13px}.smLabel{font-size:11px}.smUrgencyBadge{padding:5px 10px;font-size:11px}.smFootActions{width:100%}.smBtnGhost,.smBtnPrimary{flex:1;justify-content:center;padding:10px 12px;font-size:13px}}.eiOverlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f14238c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.eiModal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:820px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000002e}.eiHead{border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px 16px;display:flex}.eiTitle{color:#1a1a2e;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.eiClose{color:#666;cursor:pointer;background:#f4f5f8;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:background .15s;display:flex}.eiClose:hover{background:#e8eaf0}.eiBody{flex:1;padding:24px;overflow-y:auto}.eiIdle{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:32px 0;display:flex}.eiIconWrap{opacity:.85}.eiDesc{color:#666;max-width:360px;font-size:14px;line-height:1.6}.eiActions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.eiErr{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:10px 14px;font-size:13px}.eiBtnPrimary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.eiBtnPrimary:hover:not(:disabled){background:#1d4ed8}.eiBtnPrimary:disabled{opacity:.45;cursor:not-allowed}.eiBtnGhost{color:#555;cursor:pointer;background:0 0;border:1px solid #dde0e8;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.eiBtnGhost:hover{background:#f4f5f8}.eiSummaryBar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.eiSumBadge{border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.eiSumBadgeNum{font-size:14px;font-weight:700}.eiSumOk{color:#15803d;background:#dcfce7}.eiSumUpdate{color:#1d4ed8;background:#dbeafe}.eiSumSkip{color:#4b5563;background:#f3f4f6}.eiSumWarnDup{color:#c2410c;background:#fff7ed}.eiSumErr{color:#b91c1c;background:#fef2f2}.eiErrPanel{background:#fff;border:1.5px solid #fca5a5;border-radius:12px;margin-bottom:16px;overflow:hidden}.eiErrPanelHeader{cursor:pointer;text-align:left;background:#fef2f2;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;display:flex}.eiErrPanelIcon{color:#fff;background:#ef4444;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.eiErrPanelTitle{color:#991b1b;flex:1;font-size:13.5px;font-weight:600}.eiErrPanelChevron{color:#991b1b;flex-shrink:0;font-size:11px}.eiErrPanelBody{flex-direction:column;gap:0;max-height:280px;display:flex;overflow-y:auto}.eiErrItem{border-top:1px solid #fee2e2;padding:10px 16px;transition:background .1s}.eiErrItem:hover{background:#fff5f5}.eiErrItemHeader{align-items:center;gap:8px;margin-bottom:5px;display:flex}.eiErrRowBadge{color:#fff;background:#ef4444;border-radius:5px;flex-shrink:0;padding:2px 8px;font-size:11.5px;font-weight:700}.eiErrRowName{color:#1a1a2e;font-size:13.5px;font-weight:600}.eiErrItemList{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.eiErrItemMsg{color:#6b7280;align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.5;display:flex}.eiErrBullet{color:#ef4444;flex-shrink:0;margin-top:1px;font-weight:700}.eiPreviewTable{border:1px solid #e8eaf0;border-radius:10px;overflow-x:auto}.eiPreviewTable table{border-collapse:collapse;width:100%;font-size:13px}.eiPreviewTable thead th{text-align:left;color:#555;white-space:nowrap;background:#f8f9fc;border-bottom:1px solid #e8eaf0;padding:10px 12px;font-weight:600}.eiPreviewTable tbody tr:hover{background:#fafbff}.eiPreviewTable tbody td{vertical-align:middle;color:#333;border-bottom:1px solid #f0f2f7;padding:9px 12px}.eiPreviewTable tbody tr:last-child td{border-bottom:none}.eiRowErr td{background:#fff5f5!important}.eiRowExact td{opacity:.65;background:#fafafa!important}.eiRowUpdate td{background:#eff6ff!important}.eiRowDup td{background:#fffbeb!important}.eiRowNum{color:#888;margin-right:4px;font-weight:600}.eiExcelRowBadge{color:#475569;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;min-width:28px;padding:2px 7px;font-size:11.5px;font-weight:700;display:inline-block}.eiCellErr{color:#b91c1c;font-weight:600}.eiCellMissing{color:#ccc}.eiTag{vertical-align:middle;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:10.5px;font-weight:700;display:inline-block}.eiTagErr{color:#b91c1c;background:#fee2e2}.eiTagExact{color:#666;background:#f0f0f0}.eiTagUpdate{color:#1d4ed8;background:#dbeafe}.eiTagDup{color:#c2410c;background:#fff7ed}.eiUrgBadge{border-radius:5px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.eiUrg-very_urgent{color:#b91c1c;background:#fef2f2}.eiUrg-urgent{color:#b45309;background:#fffbeb}.eiUrg-can_wait{color:#0369a1;background:#e0f7ff}.eiStatusOk{color:#15803d;font-size:12.5px;font-weight:500}.eiStatusUpdate{color:#1d4ed8;font-size:12.5px;font-weight:500}.eiStatusSkip{color:#9ca3af;font-size:12.5px;font-weight:500}.eiStatusErr{color:#b91c1c;font-size:12.5px;font-weight:500}.eiLoading{flex-direction:column;align-items:center;gap:16px;padding:48px 0;display:flex}.eiSpinner{border:3px solid #e8eaf0;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite eiSpin}@keyframes eiSpin{to{transform:rotate(360deg)}}.eiLoading p{color:#666;font-size:14px}.eiDone{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 0;display:flex}.eiDoneIcon{font-size:40px}.eiDoneStats{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.eiDoneStat{border-radius:12px;flex-direction:column;align-items:center;min-width:80px;padding:14px 20px;display:flex}.eiDoneStat.ok{background:#dcfce7}.eiDoneStat.update{background:#dbeafe}.eiDoneStat.warn{background:#f3f4f6}.eiDoneStat.err{background:#fef2f2}.eiDoneNum{font-size:26px;font-weight:800;line-height:1}.eiDoneStat.ok .eiDoneNum{color:#15803d}.eiDoneStat.update .eiDoneNum{color:#1d4ed8}.eiDoneStat.warn .eiDoneNum{color:#6b7280}.eiDoneStat.err .eiDoneNum{color:#b91c1c}.eiDoneLabel{color:#888;margin-top:4px;font-size:12px;font-weight:500}.eiFoot{border-top:1px solid #f0f0f0;flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.eiRowSimilar td{background:#fefce8!important}.eiTagSimilar{color:#854d0e;background:#fef08a}.eiStatusSimilar{color:#b45309;font-size:12.5px;font-weight:500}.eiSimilarNote{color:#92400e;background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}.eiConflictBox{background:#fff;border-radius:16px;flex-direction:column;gap:20px;width:min(520px,94vw);padding:28px 28px 24px;display:flex;box-shadow:0 32px 80px #00000038}.eiConflictHead{align-items:flex-start;gap:14px;display:flex}.eiConflictIcon{color:#d97706;background:#fef3c7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.eiConflictTitle{color:#1a1a2e;margin-bottom:3px;font-size:15px;font-weight:700}.eiConflictSub{color:#6b7280;font-size:13px}.eiConflictCards{align-items:center;gap:12px;display:flex}.eiConflictCard{border-radius:10px;flex:1;padding:14px 16px}.eiConflictNew{background:#eff6ff;border:1.5px solid #93c5fd}.eiConflictExist{background:#f0fdf4;border:1.5px solid #86efac}.eiConflictCardLabel{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:600}.eiConflictCardName{color:#1a1a2e;margin-bottom:4px;font-size:15px;font-weight:700}.eiConflictCardDetail{color:#6b7280;font-size:12.5px}.eiConflictVs{color:#d1d5db;letter-spacing:.05em;flex-shrink:0;font-size:11px;font-weight:700}.eiConflictActions{flex-wrap:wrap;gap:8px;display:flex}.eiConflictBtn{cursor:pointer;border:none;border-radius:8px;flex:1;min-width:120px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:opacity .15s}.eiConflictBtn:hover{opacity:.85}.eiConflictBtnNew{color:#fff;background:#2563eb}.eiConflictBtnUpdate{color:#fff;background:#0891b2}.eiConflictBtnSkip{color:#555;background:#f4f5f8;border:1px solid #dde0e8}.eiCodeBadge{color:#0369a1;letter-spacing:.03em;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;padding:2px 7px;font-family:monospace;font-size:11px;font-weight:600;display:inline-block}.eiPreview{flex-direction:column;gap:0;display:flex}.eiBtnSave{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.eiBtnSave:hover{background:#15803d}.eiIssuePanel{background:#fff;border:1.5px solid #fca5a5;border-radius:12px;margin-bottom:16px;overflow:hidden}.eiIssuePanelHeader{background:#fef2f2;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.eiIssuePanelLeft{align-items:center;gap:8px;display:flex}.eiIssuePanelIcon{color:#b91c1c;font-size:15px}.eiIssuePanelTitle{color:#991b1b;font-size:13.5px;font-weight:600}.eiIssuePanelCounts{gap:6px;display:flex}.eiIssueCountPill{border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600}.eiIssueCountPill--hard{color:#b91c1c;background:#fee2e2}.eiIssueCountPill--warn{color:#c2410c;background:#fff7ed}.eiIssuePanelList{flex-direction:column;max-height:380px;display:flex;overflow-y:auto}.eiIssueItem{border-top:1px solid #f0f0f0;transition:background .1s}.eiIssueItem--hard{border-left:3px solid #ef4444}.eiIssueItem--soft{border-left:3px solid #f59e0b}.eiIssueItem--dup{border-left:3px solid #fb923c}.eiIssueItem--editing{background:#f0f9ff}.eiIssueItemRow{flex-wrap:wrap;align-items:flex-start;gap:8px;padding:10px 14px;display:flex}.eiIssueBadge{border-radius:5px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.eiIssueBadge--hard{color:#fff;background:#ef4444}.eiIssueBadge--soft{color:#fff;background:#f59e0b}.eiIssueBadge--dup{color:#fff;background:#fb923c}.eiIssueName{color:#1a1a2e;flex-shrink:0;font-size:13px;font-weight:600}.eiIssueMsgs{color:#6b7280;flex:1;font-size:12.5px;line-height:1.5}.eiIssueDot{color:#d1d5db;margin:0 2px}.eiIssueAction{flex-shrink:0;margin-left:auto}.eiIssueBtn{cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:opacity .15s}.eiIssueBtn:hover{opacity:.8}.eiIssueBtn--fix{color:#fff;background:#2563eb}.eiIssueBtn--open{color:#fff;background:#6b7280}.eiIssueBtn--compare{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.eiIssueWarnTag{color:#b45309;background:#fffbeb;border-radius:5px;padding:2px 8px;font-size:11.5px;font-weight:600}.eiEditDrawer{background:#f8faff;border-top:1px solid #dbeafe;flex-direction:column;gap:16px;padding:16px 14px 14px;display:flex}.eiEditSection{flex-direction:column;gap:10px;display:flex}.eiEditSectionTitle{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.eiEditGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.eiEditField{flex-direction:column;gap:4px;display:flex}.eiEditField--wide{grid-column:span 2}.eiEditField label{color:#374151;font-size:11.5px;font-weight:600}.eiEditField input,.eiEditField select{background:#fff;border:1.5px solid #d1d5db;border-radius:7px;outline:none;padding:6px 10px;font-size:13px;transition:border-color .15s}.eiEditField input:focus,.eiEditField select:focus{border-color:#2563eb}.eiEditReq{color:#ef4444}.eiEditUniformGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.eiEditUniformCard{border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.eiEditUniformCard--male{background:#eff6ff;border:1.5px solid #bfdbfe}.eiEditUniformCard--female{background:#fdf2f8;border:1.5px solid #f9a8d4}.eiEditUniformLabel{color:#1a1a2e;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.eiEditUniformGenderDot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.eiEditUniformInputRow{gap:8px;display:flex}.eiEditUniformInputGroup{flex-direction:column;flex:1;gap:3px;display:flex}.eiEditUniformInputGroup span{color:#6b7280;font-size:11px;font-weight:500}.eiEditUniformInputGroup input{background:#fff;border:1.5px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:5px 8px;font-size:13px;transition:border-color .15s}.eiEditUniformInputGroup input:focus{border-color:#2563eb}.eiEditActions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.eiIssuePanel2{background:#fff;border:1.5px solid #fca5a5;border-radius:12px;margin-bottom:16px;overflow:hidden}.eiIssuePanel2Header{background:#fef2f2;align-items:center;gap:8px;padding:11px 16px;display:flex}.eiIssuePanel2Icon{color:#b91c1c;font-size:14px}.eiIssuePanel2Title{color:#991b1b;flex:1;font-size:13px;font-weight:600}.eiIssuePanel2Counts{gap:6px;display:flex}.eiIssuePanel2List{flex-direction:column;max-height:420px;display:flex;overflow-y:auto}.eiAccordion{border-top:1px solid #f0f0f0}.eiAccordion--open{background:#fafbff}.eiAccordionHead{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background .12s;display:flex}.eiAccordionHead:hover{background:#fafbff}.eiAccBadge{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.eiAccBadge--err{color:#fff;background:#ef4444}.eiAccBadge--warn{color:#fff;background:#f59e0b}.eiAccHeadInfo{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.eiAccName{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.eiAccRowMeta{color:#64748b;width:fit-content;font-size:11.5px;font-weight:600}.eiAccDupTag{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;align-items:center;gap:4px;width:fit-content;padding:1px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.eiAccHeadRight{flex-shrink:0;align-items:center;gap:8px;display:flex}.eiIssueFieldCount{border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600}.eiIssueFieldCount--err{color:#b91c1c;background:#fee2e2}.eiIssueFieldCount--warn{color:#92400e;background:#fef3c7}.eiAccordionBody{border-top:1px solid #f0f0f0;flex-direction:column;gap:0;display:flex}.eiAccSection{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.eiAccSection--err{background:#fff5f5;border-left:3px solid #ef4444}.eiAccSection--warn{background:#fffbeb;border-left:3px solid #f59e0b}.eiAccSection+.eiAccSection{border-top:1px solid #f0f0f0}.eiAccSectionTitle{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.eiAccSection--err .eiAccSectionTitle{color:#b91c1c}.eiAccSection--warn .eiAccSectionTitle{color:#92400e}.eiAccSectionIcon{font-size:13px}.eiAccSectionIcon--err{color:#ef4444}.eiAccSectionIcon--warn{color:#f59e0b}.eiAccSectionDesc{color:#6b7280;padding-left:19px;font-size:12.5px;line-height:1.55}.eiAccErrList{flex-direction:column;gap:5px;padding-left:22px;display:flex}.eiAccErrItem{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.eiAccErrField{color:#b91c1c;white-space:nowrap;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.eiAccErrDetail{color:#6b7280;font-size:12px;line-height:1.5}.eiAccActions{background:#f8f9fc;border-top:1px solid #eef0f6;flex-wrap:wrap;gap:8px;padding:10px 14px;display:flex}.eiAccActionBtn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:150px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.eiAccActionBtn--edit{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.eiAccActionBtn--edit:hover{background:#dbeafe;border-color:#3b82f6}.eiAccActionBtn--edit-active{color:#15803d!important;background:#f0fdf4!important;border-color:#86efac!important}.eiAccActionBtn--view{color:#374151;background:#fff;border-color:#d1d5db}.eiAccActionBtn--view:hover{background:#f4f5f8;border-color:#9ca3af}.eiAccActionBtn--view-active{color:#0369a1!important;background:#f0f9ff!important;border-color:#7dd3fc!important}.eiExistingView{background:#f0f9ff;border-top:1px solid #bae6fd;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.eiExistingViewLabel{color:#0369a1;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.eiExistingViewGrid{flex-wrap:wrap;gap:6px 16px;display:flex}.eiExistingField{align-items:center;gap:4px;font-size:12.5px;display:flex}.eiExistingFieldKey{color:#64748b;font-weight:500}.eiExistingFieldKey:after{content:":";margin-right:2px}.eiExistingFieldVal{color:#0f172a;font-weight:600}.eiExistingUniforms{border-top:1px solid #e0f2fe;flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.eiExistingUniform{border-radius:7px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;display:inline-flex}.eiExistingUniform--male{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.eiExistingUniform--female{color:#9d174d;background:#fdf2f8;border:1px solid #f9a8d4}.eiExistingUniformDot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.eiExistingUniformName{font-weight:600}.eiExistingUniformDetail{color:inherit;opacity:.75;font-size:11.5px}.eiAccChevronIcon{color:#9ca3af;flex-shrink:0;transition:transform .2s}.pm-checklist{border-radius:var(--pm-radius);box-shadow:var(--pm-shadow);background:#fff;border:1.5px solid #dbeafe;padding:18px 20px}.pm-cl-header{color:#5285e8;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.pm-cl-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pm-cl-card{border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.pm-cl-done{background:#f0fdf4;border-color:#bbf7d0}.pm-cl-todo{background:#fafafa;border-color:#e2e8f0}.pm-cl-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pm-cl-icon{color:#94a3b8;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pm-cl-icon-done{color:#16a34a;background:#dcfce7}.pm-cl-badge{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.pm-cl-badge-done{color:#16a34a;background:#dcfce7}.pm-cl-badge-todo{color:#94a3b8;background:#f1f5f9}.pm-cl-label{color:#0f2a38;font-size:14px;font-weight:700}.pm-cl-desc{color:#64748b;font-size:12px;line-height:1.4}.pm-cl-btn{color:#fff;cursor:pointer;background:#5285e8;border:none;border-radius:8px;align-self:flex-start;margin-top:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .2s}.pm-cl-btn:hover{background:#3a6fd4;transform:none}:root{--pm-blue:#29b6e8;--pm-blue-dk:#0e8bb5;--pm-blue-lt:#e0f7ff;--pm-blue-mid:#b3e5fc;--pm-gold:#f5a623;--pm-text:#0f2a38;--pm-text-sub:#5a7a8a;--pm-text-dim:#94a3b8;--pm-border:#e2eef5;--pm-bg:#f0f6fa;--pm-card:#fff;--pm-radius:14px;--pm-radius-sm:8px;--pm-shadow:0 1px 4px #0f2a380f, 0 4px 16px #0f2a380a}.pm-page{width:100%;min-height:100vh;color:var(--pm-text);box-sizing:border-box;background:#fff;flex-direction:column;gap:20px;padding:24px 28px 40px;display:flex}.pm-topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pm-topbar-left{align-items:center;gap:14px;display:flex}.pm-back-btn{background:var(--pm-card);border:1px solid var(--pm-border);cursor:pointer;width:36px;height:36px;color:var(--pm-text-sub);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.pm-back-btn:hover{background:var(--pm-blue-lt);color:var(--pm-blue-dk);border-color:var(--pm-blue-mid)}.pm-project-title{color:#5285e8;font-family:Prompt,sans-serif;font-size:20px;font-weight:700;line-height:1.3}.pm-project-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;display:flex}.pm-status-pill{letter-spacing:.02em;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.pm-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pill-green{color:#065f46;background:#d1fae5}.pill-gray{color:#475569;background:#f1f5f9}.pill-yellow{color:#92400e;background:#fef9c3}.pill-blue{background:var(--pm-blue-lt);color:var(--pm-blue-dk)}.pm-meta-sep{color:var(--pm-border)}.pm-meta-date{color:var(--pm-text-sub);font-size:12px}.pm-edit-btn{border-radius:var(--pm-radius-sm);background:var(--pm-card);border:1px solid var(--pm-border);color:var(--pm-text-sub);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:9px 16px;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.pm-edit-btn:hover{border-color:var(--pm-blue-mid);color:var(--pm-blue-dk);background:var(--pm-blue-lt)}.pm-err{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.pm-closed-banner{color:#78350f;background:#fff8e1;border:1px solid #ffd54f;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.pm-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:900px){.pm-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.pm-stats{grid-template-columns:1fr}}.pm-stat-card{background:var(--pm-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius);box-shadow:var(--pm-shadow);align-items:center;gap:14px;padding:16px 18px;transition:transform .15s,box-shadow .15s;animation:.3s both pmFadeUp;display:flex}.pm-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f2a3814}@keyframes pmFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pm-stat-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pm-stat-blue .pm-stat-icon-wrap{background:var(--pm-blue-lt);color:#5285e8}.pm-stat-red .pm-stat-icon-wrap{color:#ff5c5c;background:#fef2f2}.pm-stat-green .pm-stat-icon-wrap{color:#04d693;background:#d1fae5}.pm-stat-orange .pm-stat-icon-wrap{color:#ffbe1b;background:#fff7ed}.pm-stat-value{color:var(--pm-text);font-family:Prompt,sans-serif;font-size:26px;font-weight:700;line-height:1}.pm-stat-blue .pm-stat-value{color:#5285e8}.pm-stat-red .pm-stat-value{color:#ff5c5c}.pm-stat-green .pm-stat-value{color:#04d693}.pm-stat-orange .pm-stat-value{color:#ffbe1b}.pm-stat-label{color:var(--pm-text-sub);margin-top:3px;font-size:12px}.pm-table-card{background:var(--pm-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius);box-shadow:var(--pm-shadow);overflow:hidden}.pm-toolbar{border-bottom:1px solid var(--pm-border);background:#fafcff;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.pm-toolbar-left{flex-wrap:wrap;flex:none;justify-content:flex-start;align-items:center;gap:8px;display:flex}.pm-toolbar-right{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.pm-search-wrap{border:1.5px solid var(--pm-border);border-radius:var(--pm-radius-sm);box-sizing:border-box;background:#fff;flex-shrink:0;align-items:center;gap:0;width:210px;height:36px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.pm-search-wrap:focus-within{border-color:#87c7eb;box-shadow:none!important;outline:none!important}.pm-search-icon{color:var(--pm-text-dim);flex-shrink:0}.pm-search{color:var(--pm-text);background:0 0;border:none;flex:1;width:100%;min-width:0;padding:8px;font-family:Kanit,sans-serif;font-size:13px;box-shadow:none!important;outline:none!important}.pm-search::placeholder{color:var(--pm-text-dim)}.pm-search-clear{cursor:pointer;color:var(--pm-text-dim);background:0 0;border:none;padding:2px;font-size:12px}.pm-search-clear:hover{color:var(--pm-text)}.pm-filter-sel{border:1.5px solid var(--pm-border);border-radius:var(--pm-radius-sm);min-width:110px;height:36px;color:var(--pm-text);appearance:none;cursor:pointer;white-space:nowrap;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%235A7A8A' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 8px center/16px no-repeat;flex-shrink:0;padding:0 36px 0 12px;font-family:Kanit,sans-serif;font-size:12.5px;font-weight:500;transition:border-color .15s,box-shadow .15s,color .15s}.pm-filter-sel:hover{border-color:var(--pm-blue-mid);color:var(--pm-blue-dk)}.pm-filter-sel:focus{border-color:#87c7eb;outline:none;box-shadow:0 0 0 3px #5285e81a}.pm-clear-filters{cursor:pointer;color:#ef4444;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-family:Kanit,sans-serif;font-size:12px;font-weight:500}.pm-clear-filters:hover{background:#fef2f2}.pm-btn-ghost{box-sizing:border-box;border-radius:var(--pm-radius-sm);border:1.5px solid var(--pm-border);height:36px;color:var(--pm-text-sub);cursor:pointer;white-space:nowrap;background:#fff;align-items:center;gap:6px;padding:0 14px;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.pm-btn-ghost:hover:not(:disabled){border-color:var(--pm-blue-mid);color:var(--pm-blue-dk);background:var(--pm-blue-lt)}.pm-btn-ghost:disabled{opacity:.45;cursor:not-allowed}.pm-btn-primary{border-radius:var(--pm-radius-sm);color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#5285e8;border:1.5px solid #0000;align-items:center;gap:6px;height:36px;padding:0 16px;font-family:Kanit,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:flex}.pm-btn-primary:hover{color:#87c7eb;box-sizing:border-box;border:1.5px solid #87c7eb}.pm-result-info{color:var(--pm-text-dim);border-bottom:1px solid var(--pm-border);background:#fafcff;padding:8px 16px;font-size:12px}.pm-loading{color:var(--pm-text-sub);flex-direction:column;align-items:center;gap:14px;padding:60px;font-size:14px;display:flex}.pm-loading-spinner{border:3px solid var(--pm-blue-mid);border-top-color:var(--pm-blue);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.spin{animation:.7s linear infinite spin}.pm-empty{text-align:center;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.pm-empty-icon{opacity:.5;margin:0;font-size:40px}.pm-empty-text{color:var(--pm-text-sub);font-size:14px}.pm-table-wrap{overflow-x:auto}.pm-table{border-collapse:collapse;width:100%;font-size:13px}.pm-table thead tr{border-bottom:2px solid var(--pm-border);background:#f8fbfd}.pm-table th{color:var(--pm-text-sub);text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap;padding:11px 14px;font-size:11px;font-weight:700}.pm-row{border-bottom:1px solid var(--pm-border);transition:background .1s;animation:.2s both pmFadeUp}.pm-row:hover{background:#f8fbfd}.pm-row-expanded{background:#f0faff!important}.pm-row td{vertical-align:middle;padding:10px 14px}.pm-td-expand{width:36px;padding:0 4px 0 12px!important}.pm-expand-btn{border:1px solid var(--pm-border);cursor:pointer;width:24px;height:24px;color:var(--pm-text-dim);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.pm-expand-btn:hover{background:var(--pm-blue-lt);color:var(--pm-blue);border-color:var(--pm-blue-mid)}.pm-expand-btn.expanded{background:var(--pm-blue);color:#fff;border-color:var(--pm-blue)}.pm-expand-btn.expanded svg{transform:rotate(90deg)}.pm-student-cell{align-items:center;gap:10px;display:flex}.pm-avatar{width:16px;height:16px;font-size:14px;font-weight:700px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pm-student-name{color:var(--pm-text);font-size:13px;font-weight:600}.pm-student-s{gap:10px;display:flex}.pm-student-sub{color:var(--pm-text-dim);margin-top:2px;font-size:11px}.pm-grade-tag{background:var(--pm-blue-lt);color:var(--pm-blue-dk);border-radius:6px;align-items:center;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.pm-grade-full{margin-left:2px;font-size:11px;font-weight:400}@media (max-width:1100px){.pm-grade-full{display:none}}.pm-urg-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.pm-urg-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.urg-red{color:#dc2626;background:#fef2f2}.urg-yellow{color:#b45309;background:#fffbeb}.urg-blue{background:var(--pm-blue-lt);color:var(--pm-blue-dk)}.pm-items-count{color:var(--pm-text-sub);font-size:12px}.pm-prog-cell{align-items:center;gap:8px;min-width:90px;display:flex}.pm-prog-bar{background:#e5e7eb;border-radius:99px;flex:1;height:5px;overflow:hidden}.pm-prog-fill{border-radius:99px;height:100%;transition:width .5s}.pm-prog-text{color:var(--pm-text-sub);white-space:nowrap;font-size:11px}.pm-fulfill-badge{white-space:nowrap;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:#065f46;background:#d1fae5}.badge-yellow{color:#92400e;background:#fef9c3}.badge-red{color:#991b1b;background:#fef2f2}.pm-support-tag{color:var(--pm-text-sub);white-space:nowrap;font-size:12px}.pm-actions{gap:4px;display:flex}.pm-action-btn{border:1px solid var(--pm-border);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex;overflow:visible}.pm-action-edit:hover{background:var(--pm-blue-lt);border-color:var(--pm-blue-mid);color:var(--pm-blue-dk)}.pm-action-del:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.pm-row-detail{background:#f8fbff;animation:.2s pmFadeDown}@keyframes pmFadeDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pm-td-detail{border-bottom:1px solid var(--pm-border);padding:12px 16px 16px 60px!important}.neEmpty{color:var(--pm-text-dim);padding:8px 0;font-size:13px}.neGrid{flex-wrap:wrap;gap:10px;display:flex}.neCard{border:1px solid var(--pm-border);background:#fff;border-radius:10px;flex-direction:column;flex:1;gap:8px;min-width:180px;max-width:220px;padding:12px 14px;display:flex;box-shadow:0 1px 4px #0f2a380d}.neCardTop{justify-content:space-between;align-items:center;gap:8px;display:flex}.neTypeName{color:var(--pm-text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.neBadge{border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.neCardMeta{flex-wrap:wrap;gap:6px;display:flex}.neSizeTag{background:var(--pm-blue-lt);color:var(--pm-blue-dk);border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.neProgress{align-items:center;gap:8px;display:flex}.neProgressBar{background:#e5e7eb;border-radius:99px;flex:1;height:5px;overflow:hidden}.neProgressFill{border-radius:99px;height:100%;transition:width .4s}.neProgressLabel{color:var(--pm-text-sub);white-space:nowrap;font-size:11px}.neSupport{color:var(--pm-text-dim);font-size:11px}.pm-pagination{border-top:1px solid var(--pm-border);justify-content:center;align-items:center;gap:4px;padding:14px;display:flex}.pm-pg-btn{border:1px solid var(--pm-border);min-width:32px;height:32px;color:var(--pm-text-sub);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.pm-pg-btn:hover:not(:disabled){background:var(--pm-blue-lt);border-color:var(--pm-blue-mid);color:var(--pm-blue-dk)}.pm-pg-btn:disabled{opacity:.35;cursor:not-allowed}.pm-pg-active{font-weight:700;background:var(--pm-blue)!important;border-color:var(--pm-blue)!important;color:#fff!important}.pm-pg-ellipsis{color:var(--pm-text-dim);padding:0 6px;font-size:13px}.pm-date-cell{color:var(--pm-text-sub);white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.pm-date-icon{color:var(--pm-text-dim);flex-shrink:0}.pm-code-cell{justify-content:flex-start;align-items:center;display:flex}.pm-student-code-badge{color:#1d4ed8;letter-spacing:.3px;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;align-items:center;gap:4px;padding:3px 9px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:600;display:inline-flex}.pm-code-empty{color:#d1d5db;font-size:13px}@media (max-width:768px){.pm-page{padding:12px}.pm-topbar{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.pm-project-title{font-size:15px}.pm-project-meta{flex-wrap:wrap;gap:4px;font-size:11px}.pm-stats{grid-template-columns:repeat(2,1fr);gap:8px}.pm-stat-value{font-size:22px}.pm-stat-label{font-size:11px}.pm-toolbar{flex-direction:column;gap:10px}.pm-toolbar-left,.pm-toolbar-right{flex-wrap:wrap;width:100%}.pm-search-wrap,.pm-search{width:100%}.pm-filter-sel{padding:6px 8px;font-size:12px}.pm-btn-ghost,.pm-btn-primary{padding:7px 12px;font-size:12px}.pm-table-wrap{overflow-x:auto}.pm-table{min-width:600px;font-size:12px}.pm-table th,.pm-table td{padding:8px}.pm-student-name{font-size:13px}.pm-result-info{font-size:12px}.pm-pagination{flex-wrap:wrap;justify-content:center;gap:4px}.pm-closed-banner{padding:10px 12px;font-size:12px}}:root{--blue:#3b6fd4;--blue-dk:#2558c0;--blue-lt:#eff6ff;--blue-mid:#bfdbfe;--green:#16a34a;--green-lt:#dcfce7;--amber:#d97706;--amber-lt:#fef3c7;--red:#dc2626;--red-lt:#fee2e2;--violet:#7c3aed;--violet-lt:#f3e8ff;--indigo:#5285e8;--indigo-lt:#eff6ff;--surface:#fff;--bg:#f8fafc;--border:#e2e8f0;--border-dk:#cbd5e1;--text:#1e293b;--text-2:#64748b;--text-3:#94a3b8;--radius-xs:6px;--radius-sm:9px;--radius:13px;--radius-lg:18px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 4px #0000000f, 0 2px 8px #0000000a;--shadow:0 4px 20px #00000014;--shadow-lg:0 20px 60px #00000029}.sdPage{min-height:100vh;color:var(--text);background:#fff;padding:28px 36px 64px;font-family:Kanit,sans-serif}.sdPageHeader{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:flex-end;margin-bottom:22px;padding-bottom:18px;display:flex}.sdTitle{color:var(--text);letter-spacing:-.5px;align-items:center;gap:12px;margin:0 0 4px;font-size:23px;font-weight:800;display:flex}.sdTitle:before{content:"";background:linear-gradient(to bottom, var(--blue), #7c3aed);border-radius:4px;flex-shrink:0;width:5px;height:26px;display:inline-block}.sdTitleSub{color:var(--text-3);margin:0;padding-left:14px;font-size:12.5px;font-weight:400}.sdOverdueBanner{border:1.5px solid #fde68a;border-left:5px solid var(--amber);border-radius:var(--radius);color:#92400e;background:linear-gradient(90deg,#fffbeb,#fff8e1);align-items:center;gap:12px;margin-bottom:22px;padding:14px 18px;font-size:13px;line-height:1.6;display:flex;box-shadow:0 2px 10px #d977061a}.sdOverdueBanner strong{color:#b45309;font-weight:700}.sdOverdueBannerIcon{opacity:.5;flex-shrink:0;margin-left:auto}.sdSummaryRow{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:26px;display:grid}.sdSummaryCard{background:var(--surface);border-radius:var(--radius);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:18px 20px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.sdSummaryCard:before{content:"";opacity:.55;border-radius:var(--radius) var(--radius) 0 0;background:currentColor;height:3px;position:absolute;top:0;left:0;right:0}.sdSummaryCard:after{content:"";opacity:.04;background:currentColor;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-20px;right:-20px}.sdSummaryCard:hover{box-shadow:var(--shadow);cursor:default;transform:translateY(-4px)}.sdSummaryTop{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sdSummaryIcon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 2px 8px #00000012}.sdSummaryLabel{color:var(--text-2);margin-top:2px;font-size:12px;font-weight:500;line-height:1.4}.sdSummaryVal{letter-spacing:-1.5px;font-size:32px;font-weight:800;line-height:1}.sdSummaryUnit{opacity:.7;letter-spacing:0;font-size:11.5px;font-weight:600}.sdToolbar{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.sdSearchWrap{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;flex:1;align-items:center;gap:8px;min-width:220px;height:38px;padding:8px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.sdSearchWrap:focus-within{border-color:var(--blue-mid);box-shadow:0 0 0 3px #3b6fd417}.sdSearch{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-family:Kanit,sans-serif;font-size:13.5px}.sdSearch:focus,.sdSearch:focus-visible{box-shadow:none;outline:none}.sdSearch::placeholder{color:var(--text-3)}.sdFilterTabs{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;gap:3px;padding:3px;display:flex}.sdFilterTab{border-radius:var(--radius-xs);color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 14px;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;transition:background .12s,color .12s}.sdFilterTab:hover{background:var(--bg);color:var(--text)}.sdFilterTabActive{font-weight:600;box-shadow:0 2px 6px #3b6fd440;background:var(--blue)!important;color:#fff!important}.sdFilterGroup{align-items:center;gap:20px;display:flex}.sdRadio{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:14px;display:flex}.sdRadio input[type=radio]{accent-color:var(--blue);width:16px;height:16px}.sdTableWrap{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.sdTable{border-collapse:collapse;table-layout:auto;width:100%;min-width:700px;font-size:12px}.sdTable thead tr{border-bottom:2px solid var(--border);z-index:1;background:#f1f5f9;position:sticky;top:0}.sdTable th{text-align:left;color:var(--text-2);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;padding:12px 11px;font-size:12px;font-weight:700}.sdTable td{vertical-align:middle;color:var(--text);border-bottom:1px solid #f1f5f9;padding:10px 11px;font-size:12px}.sdRow{cursor:pointer;transition:background .1s}.sdRow:last-child td{border-bottom:none}.sdRow:hover{background:#f5f8ff}.sdRowExpanded{box-shadow:inset 4px 0 0 var(--blue);background:#eff7ff!important}.sdDateCell{color:var(--text-2);font-size:11px;padding-right:32px!important}.sdDonorName{padding-left:0;font-size:13px;font-weight:700;color:#1e3a8a!important}.sdDelivery{color:var(--text);flex-direction:column;gap:3px;font-size:11.5px;display:flex}.sdDeliveryRow{color:var(--text-2);white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:4px;font-size:11.5px;font-weight:500;display:flex}.sdDeliveryRow>svg,.sdDeliveryRow>[class*=iconify]{flex-shrink:0}.sdTrackBtn{background:var(--blue-lt);border:1px solid var(--blue-mid);border-radius:var(--radius-xs);color:var(--blue);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;max-width:100%;padding:2px 7px;font-family:Kanit,sans-serif;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .12s;display:inline-flex;overflow:hidden}.sdTrackBtn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.sdTrackPending{color:var(--text-3);font-size:10.5px;font-style:italic}.sdProofBtn{border-radius:var(--radius-sm);color:#92400e;cursor:pointer;white-space:nowrap;background:#fffbeb;border:1.5px solid #fcd34d;align-items:center;gap:4px;padding:3px 9px;font-family:Kanit,sans-serif;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex}.sdProofBtn:hover{background:#fef3c7;border-color:#f59e0b}.sdApptBtn{background:var(--blue-lt);border:1.5px solid var(--blue-mid);border-radius:var(--radius-sm);color:var(--blue);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;font-family:Kanit,sans-serif;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex}.sdApptBtn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.sdItemCount{color:var(--text-2);background:var(--bg);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;transition:all .12s;display:inline-flex}.sdItemCount:hover{background:var(--blue-lt);border-color:var(--blue-mid);color:var(--blue)}.sdBadge{white-space:nowrap;border-opacity:.25;border:1px solid;border-radius:999px;align-items:center;gap:3px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #0000000d}.sdActions{flex-wrap:nowrap;align-items:center;gap:6px;min-width:120px;display:flex}.sdBtnConfirm{border-radius:var(--radius-sm);background:var(--green);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:5px 13px;font-family:Kanit,sans-serif;font-size:12px;font-weight:600;transition:all .12s;box-shadow:0 2px 6px #16a34a40}.sdBtnConfirm:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 4px 10px #16a34a4d}.sdBtnVerify{border-radius:var(--radius-sm);border:1.5px solid var(--blue);background:var(--blue-lt);color:var(--blue);cursor:pointer;white-space:nowrap;padding:3px 10px;font-family:Kanit,sans-serif;font-size:11px;font-weight:700;transition:all .12s;box-shadow:0 1px 4px #3b6fd41f}.sdBtnVerify:hover{background:var(--blue);color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #3b6fd447}.sdBtnMore{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;width:30px;height:30px;color:var(--text-3);justify-content:center;align-items:center;transition:all .12s;display:flex}.sdBtnMore:hover{background:var(--bg);color:var(--text-2);border-color:var(--border-dk)}.sdExpandRow{box-shadow:inset 4px 0 0 var(--blue);background:#f5f9ff}.sdExpandInner{flex-wrap:wrap;gap:8px;padding:12px 20px 16px 36px;display:flex}.sdExpandItem{background:var(--surface);border:1.5px solid var(--blue-mid);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);align-items:center;gap:8px;padding:8px 14px;transition:border-color .12s,box-shadow .12s;display:flex}.sdExpandItem:hover{border-color:var(--blue);box-shadow:0 2px 10px #3b6fd424}.sdExpandDot{background:var(--blue);border-radius:50%;flex-shrink:0;width:7px;height:7px}.sdExpandName{color:var(--text);font-size:13px;font-weight:600}.sdExpandSize{color:var(--text-2);font-size:12px}.sdExpandLevel{color:#1d4ed8;background:#dbeafe;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.sdExpandQty{color:var(--blue);font-size:13px;font-weight:700}.sdPagination{flex-wrap:wrap;align-items:center;gap:6px;margin-top:18px;display:flex}.sdPageBtn{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;white-space:nowrap;padding:7px 16px;font-family:Kanit,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.sdPageBtn:hover:not(:disabled){background:var(--blue);color:#fff;border-color:var(--blue)}.sdPageBtn:disabled{opacity:.3;cursor:not-allowed}.sdPageNumbers{flex-wrap:wrap;gap:3px;display:flex}.sdPageNum{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-2);cursor:pointer;justify-content:center;align-items:center;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sdPageNum:hover{background:var(--bg);color:var(--text)}.sdPageNumActive{font-weight:700;box-shadow:0 2px 8px #3b6fd44d;background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}.sdPageInfo{color:var(--text-3);white-space:nowrap;background:var(--bg);border:1px solid var(--border);border-radius:20px;margin-left:auto;padding:4px 12px;font-size:12px}@keyframes sdSpin{to{transform:rotate(360deg)}}.sdOverlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a85;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sdPopup{background:var(--surface);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:32px 28px;animation:.22s cubic-bezier(.34,1.56,.64,1) sdPopIn;position:relative}.sdPopupLg{text-align:left;max-width:580px;max-height:90vh;padding:28px 26px;overflow-y:auto}@keyframes sdPopIn{0%{opacity:0;transform:scale(.92)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.sdPopupClose{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-2);z-index:1;align-items:center;padding:6px;transition:all .12s;display:flex;position:absolute;top:14px;right:14px}.sdPopupClose:hover{background:var(--border);color:var(--text)}.sdPopupIcon{margin-bottom:12px;font-size:46px;display:block}.sdPopupTitle{color:var(--text);margin-bottom:6px;font-size:17px;font-weight:700}.sdPopupSubtitle{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;font-size:13px;display:flex}.sdPopupBody{color:var(--text-2);margin-bottom:22px;font-size:14px;line-height:1.75}.sdPopupActions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.sdPopupBtnGhost{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;padding:9px 20px;font-family:Kanit,sans-serif;font-size:13.5px;font-weight:500;transition:all .12s}.sdPopupBtnGhost:hover{background:var(--bg);color:var(--text)}.sdPopupBtnPrimary{border-radius:var(--radius);background:var(--blue);color:#fff;cursor:pointer;border:none;padding:9px 20px;font-family:Kanit,sans-serif;font-size:13.5px;font-weight:700;transition:background .12s,box-shadow .12s;box-shadow:0 2px 8px #3b6fd440}.sdPopupBtnPrimary:hover{background:var(--blue-dk);box-shadow:0 4px 14px #3b6fd459}.sdPopupBtnPrimary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.sdVerifySection{margin-bottom:18px}.sdVerifyLabel{color:var(--text);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.sdVerifyTextarea{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);resize:vertical;box-sizing:border-box;background:var(--bg);outline:none;padding:11px 13px;font-family:Kanit,sans-serif;font-size:13px;line-height:1.6;transition:border-color .15s,box-shadow .15s}.sdVerifyTextarea:focus{border-color:var(--blue);background:var(--surface);box-shadow:0 0 0 3px #3b6fd41a}.sdConditionGroup{flex-wrap:wrap;gap:8px;display:flex}.sdConditionBtn{border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;padding:7px 16px;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.sdConditionBtn:hover{border-color:var(--blue);color:var(--blue)}.sdConditionActive{font-weight:700}.sdVerifyNote{color:#1e40af;background:var(--blue-lt);border:1px solid var(--blue-mid);border-radius:var(--radius-sm);align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.sdPopupAppt{max-width:700px}.sdApptLayout{grid-template-columns:220px 1fr;gap:18px;margin:14px 0;display:grid}.sdCal{background:var(--bg);border-radius:var(--radius);border:1.5px solid var(--border);padding:14px}.sdCalHeader{text-align:center;margin-bottom:10px}.sdCalMonth{color:var(--text);font-size:13px;font-weight:700}.sdCalGrid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.sdCalDayLabel{color:var(--text-3);text-align:center;padding:3px 0;font-size:10.5px;font-weight:600}.sdCalCell{text-align:center;color:var(--text);border-radius:6px;padding:5px 2px;font-size:12px;line-height:1}.sdCalCell.sdCalEmpty{color:#0000}.sdCalCell.sdCalMarked{background:var(--blue);color:#fff;border-radius:50%;font-weight:700;box-shadow:0 2px 8px #3b6fd466}.sdSchedule{flex-direction:column;gap:10px;display:flex}.sdScheduleTitle{color:var(--text-2);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:flex}.sdScheduleCard{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:9px;padding:14px 16px;display:flex}.sdScheduleDate,.sdScheduleTime,.sdScheduleDetail{color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.sdScheduleDate{font-size:14.5px;font-weight:700}.sdScheduleTime{color:var(--violet);font-weight:600}.sdScheduleDivider{border:none;border-top:1px dashed var(--border);margin:2px 0}.sdScheduleItems{flex-direction:column;gap:5px;display:flex}.sdScheduleItemsTitle{color:var(--text-2);align-items:center;gap:6px;margin-bottom:2px;font-size:11.5px;font-weight:600;display:flex}.sdScheduleItem{color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.sdScheduleItemDot{background:var(--blue);border-radius:50%;flex-shrink:0;width:6px;height:6px}.sdScheduleItemQty{color:var(--blue);margin-left:auto;font-size:13px;font-weight:700}.sdScheduleStatus{margin-top:4px}.sdImagePopup{width:100%;max-width:min(92vw,820px);box-shadow:none;background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:12px;padding:0;display:flex;position:relative}.sdImagePopupClose{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:absolute;top:-44px;right:0}.sdImagePopupClose:hover{background:#ffffff47}.sdImagePopupImg{border-radius:var(--radius);object-fit:contain;background:#000;max-width:100%;max-height:80vh;display:block;box-shadow:0 24px 64px #0000008c}.sdImagePopupCaption{color:#ffffffa6;text-align:center;font-size:12px}.sdColDate{width:10%}.sdColDonor{width:15%}.sdColDelivery{width:20%}.sdColProof,.sdColItems{width:10%}.sdColStatus,.sdColCond{width:11%}.sdColAction{width:13%}@media (max-width:900px){.sdPage{padding:16px 14px 48px}.sdSummaryRow{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.sdSummaryVal{font-size:26px}.sdToolbar{padding:8px 10px}}@media (max-width:640px){.sdTitle{font-size:19px}.sdApptLayout{grid-template-columns:1fr}.sdToolbar{flex-direction:column;align-items:stretch}.sdFilterTabs{flex-wrap:wrap;justify-content:center}.sdPage{padding:14px 10px 48px}}@media (max-width:768px){.sdPage{padding:16px 12px}.sdTitle{font-size:18px}.sdTitleSub{font-size:12px}.sdSummaryRow{grid-template-columns:repeat(2,1fr);gap:8px}.sdSummaryVal{font-size:22px}.sdSummaryLabel{font-size:11px}.sdToolbar{flex-direction:column;gap:10px}.sdSearchWrap{width:100%}.sdSearch{width:100%;font-size:13px}.sdFilterTabs{flex-wrap:wrap;gap:4px}.sdFilterTab{padding:5px 10px;font-size:12px}.sdTableWrap{overflow-x:auto}.sdTable{min-width:640px;font-size:12px}.sdTable th,.sdTable td{padding:8px}.sdDonorName{font-size:12px}.sdOverdueBanner{gap:8px;padding:10px 12px;font-size:12px}.sdPopup{padding:20px 16px}.sdPopupTitle{font-size:15px}.sdPopupSubtitle{font-size:12px}.sdPagination{flex-wrap:wrap;justify-content:center;gap:4px}}.epToast{color:#15803d;z-index:9999;background:#fff;border:1.5px solid #22c55e;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:600;animation:.25s epToastIn;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000001f}@keyframes epToastIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.epPage{background:#f6f7fb;flex-direction:column;gap:24px;min-height:calc(100vh - 80px);padding:24px;display:flex}.epTopSection{grid-template-columns:1fr 380px;align-items:flex-start;gap:28px;display:grid}.epLeft,.epUniformSection{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 30px #0f172a14}.epRight{box-shadow:none;background:0 0;padding:0;position:sticky;top:24px}.epLeft h2{letter-spacing:.2px;margin:0 0 12px;font-size:20px;font-weight:800}.epField{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.epField label{color:#334155;font-size:13px;font-weight:700}.epLeft input,.epLeft textarea,.epLeft select{background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.epLeft textarea{resize:vertical;min-height:140px;line-height:1.5}.epLeft input:focus,.epLeft textarea:focus,.epLeft select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa2e}.epHint{color:#64748b;margin-top:-2px;font-size:12px}.epError{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;margin-bottom:12px;padding:12px;font-weight:700}.epActions{gap:10px;margin-top:10px;display:flex}.epBtn{cursor:pointer;border:0;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:800}.epBtnPrimary{color:#fff;background:#2563eb;box-shadow:0 10px 20px #2563eb38}.epBtnPrimary:hover{color:#2563eb;background:#f1f5f9}.epBtnPrimary:disabled{opacity:.75;cursor:not-allowed;box-shadow:none}.epBtnGhost{color:#0f172a;background:#f1f5f9}.epRightHead{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.epRightHead .ttl{color:#0f172a;font-weight:900}.epPreviewWrap{justify-content:center;display:flex}.projectCard{background:#fff;border:1px solid #eef2f7;border-radius:18px;width:min(420px,100%);overflow:hidden;box-shadow:0 12px 30px #0f172a1a}.projectCard .cover{background:#e2e8f0;width:100%;height:230px;position:relative}.projectCard .cover img{object-fit:cover;width:100%;height:100%;display:block}.coverPlaceholder{background:linear-gradient(135deg,#e2e8f0,#f1f5f9);width:100%;height:100%}.projectCard .badgeRow{flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:14px;left:14px}.badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#0f172a;background:#ffffffe0;border:1px solid #e2e8f0e6;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.badgeDot{background:#94a3b8;border-radius:50%;width:10px;height:10px}.dotGreen{background:#16a34a}.dotGray{background:#94a3b8}.dotYellow{background:#f59e0b}.dotBlue{background:#4f46e5}.cardBody{padding:16px}.cardTitle{color:#0f172a;margin-bottom:8px;font-size:16px;font-weight:600}.cardDesc{color:#475569;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.cardMeta{color:#64748b;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:12px;display:flex}.cardSchool{color:#0f172a;margin-top:10px;font-size:1px;font-weight:800}.cardAddr{color:#64748b;margin-top:15px;font-size:13px;line-height:1.5}@media (max-width:980px){.epPage{grid-template-columns:1fr}.epPreviewWrap{justify-content:flex-start}}.epUniformLabel{flex-direction:column;gap:4px;font-size:20px;font-weight:800;display:flex}.epUniformLabelSub{color:#64748b;font-size:12px;font-weight:400}.epUniformGroup{margin-top:14px}.epUniformGroupTitle{border-radius:6px;margin-bottom:10px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.epUniformGroupMale{color:#1d4ed8;background:#eff6ff}.epUniformGroupFemale{color:#be185d;background:#fdf2f8}.epUniformCards{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.epUniformCard{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:box-shadow .2s,border-color .2s;display:flex}.epUniformCard:hover{border-color:#29b6e8;box-shadow:0 2px 12px #29b6e81f}.epUniformCardUploading{opacity:.7;pointer-events:none}.epUniformCardImg{aspect-ratio:1;background:#f8fafc;border-radius:8px;width:100%;position:relative;overflow:hidden}.epUniformCardImg img{object-fit:cover;width:100%;height:100%}.epUniformCardPlaceholder{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;font-size:11px;display:flex}.epUniformCardOverlay{background:#ffffffbf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.epUniformCardSpinner{border:3px solid #e2e8f0;border-top-color:#29b6e8;border-radius:50%;width:24px;height:24px;animation:.7s linear infinite epSpin}@keyframes epSpin{to{transform:rotate(360deg)}}.epUniformCardName{color:#1e293b;text-align:center;font-size:12px;font-weight:600;line-height:1.3}.epUniformCardMsg{text-align:center;border-radius:20px;padding:3px 8px;font-size:11px}.epUniformCardMsgOk{color:#16a34a;background:#f0fdf4}.epUniformCardMsgErr{color:#dc2626;background:#fef2f2}.epUniformCardMsgInfo{color:#2563eb;background:#eff6ff}.epUniformCardActions{gap:6px;width:100%;display:flex}.epUniformCardBtn{text-align:center;cursor:pointer;border:none;border-radius:6px;flex:1;padding:5px 0;font-size:12px;font-weight:500;transition:opacity .15s}.epUniformCardBtnUpload{color:#fff;background:#29b6e8}.epUniformCardBtnUpload:hover{opacity:.85}.epUniformCardBtnDelete{color:#dc2626;background:#fee2e2}.epUniformCardBtnDelete:hover{opacity:.85}.epUniformCardBtnDisabled{opacity:.5;cursor:not-allowed}.epUniformPreviewSection{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:14px}.epUniformPreviewTitle{color:#475569;margin-bottom:10px;font-size:13px;font-weight:600}.epUniformPreviewRow{flex-wrap:wrap;gap:10px;display:flex}.epUniformPreviewItem{flex-direction:column;align-items:center;gap:4px;display:flex}.epUniformPreviewItem img{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;width:64px;height:64px}.epUniformPreviewItem span{color:#64748b;text-align:center;max-width:64px;font-size:11px}.epLevelStepBox,.epUniformStepBox{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;margin-top:10px;padding:16px}.epLevelStepBox{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0}.epUniformStepBox{border-top-left-radius:0;border-top-right-radius:0}.epStepLabel{color:#334155;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.epStepBadge{color:#fff;background:#29b6e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.epLevelBtnGroup{flex-wrap:wrap;gap:8px;display:flex}.epLevelBtn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:100px;padding:10px 16px;transition:all .18s;display:flex;position:relative}.epLevelBtn:hover{background:#f0faff;border-color:#29b6e8}.epLevelBtnActive{background:#e0f5ff;border-color:#29b6e8}.epLevelBtnEmoji{font-size:22px}.epLevelBtnLabel{color:#334155;text-align:center;font-size:11px;font-weight:600;line-height:1.3}.epLevelBtnBadge{color:#fff;white-space:nowrap;background:#16a34a;border-radius:20px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:-6px;right:-6px}.epUniformTypeGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.epUniCard{background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px;transition:border-color .2s,box-shadow .2s;display:flex}.epUniCard:hover{border-color:#29b6e8;box-shadow:0 2px 10px #29b6e81a}.epUniCardHasImg{border-color:#86efac}.epUniCardLoading{opacity:.6;pointer-events:none}.epUniCardImg{aspect-ratio:1;background:#f1f5f9;border-radius:8px;width:100%;position:relative;overflow:hidden}.epUniCardImg img{object-fit:cover;width:100%;height:100%}.epUniCardEmpty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;font-size:10px;display:flex}.epUniCardSpin{background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.epSpinner{border:3px solid #e2e8f0;border-top-color:#29b6e8;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.epUniCardDone{color:#fff;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}.epUniCardName{color:#1e293b;text-align:center;font-size:11px;font-weight:600;line-height:1.3}.epUniCardMsg{text-align:center;border-radius:20px;padding:2px 6px;font-size:10px}.epUniCardMsg.ok{color:#16a34a;background:#f0fdf4}.epUniCardMsg.err{color:#dc2626;background:#fef2f2}.epUniCardMsg.info{color:#2563eb;background:#eff6ff}.epUniCardActions{gap:4px;width:100%;display:flex}.epUniBtn{text-align:center;cursor:pointer;border:none;border-radius:6px;flex:1;padding:5px 0;font-size:11px;font-weight:600;transition:opacity .15s}.epUniBtnPrimary{color:#fff;background:#29b6e8}.epUniBtnPrimary:hover{opacity:.85}.epUniBtnDelete{color:#dc2626;background:#fee2e2}.epUniBtnDelete:hover{opacity:.85}.epUniBtnDisabled{opacity:.5;cursor:not-allowed}.epUniformSummary{border-top:1px solid #e2e8f0;padding-top:14px}.epUniformSummaryTitle{color:#475569;margin-bottom:10px;font-size:12px;font-weight:700}.epUniformSummaryLevel{margin-bottom:10px}.epUniformSummaryLevelName{color:#29b6e8;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.epUniformSummaryImgs{flex-wrap:wrap;gap:8px;display:flex}.epUniformSummaryThumb{flex-direction:column;align-items:center;gap:3px;display:flex}.epUniformSummaryThumb img{object-fit:cover;border:1px solid #e2e8f0;border-radius:6px;width:48px;height:48px}.epUniformSummaryThumb span{color:#64748b;text-align:center;max-width:48px;font-size:9px}.epUniformSummaryEmpty{color:#94a3b8;font-size:12px;font-style:italic}.epUniformGenderSection{margin-bottom:16px}.epUniformGenderHeader{border-radius:8px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.epUniformGenderCount{opacity:.75;margin-left:auto;font-size:11px;font-weight:500}.epUniCardTypeBadge{text-align:center;border-radius:6px;width:100%;padding:4px 6px;font-size:11px;font-weight:700;line-height:1.3}.epUniCardHint{color:#334155;text-align:center;font-size:11px;font-weight:600;line-height:1.5}.epModalOverlay{z-index:200;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.epModal{background:#fff;border-radius:20px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 20px 60px #0003}.epModalHead{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.epModalTitle{color:#1e293b;font-size:16px;font-weight:600}.epModalSub{color:#94a3b8;margin-top:2px;font-size:12px}.epModalClose{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.epModalBody{max-height:65vh;padding:20px 24px;overflow-y:auto}.epModalDefaultStrip{background:#f8fafc;border-radius:10px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.epModalDefaultIcon{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.epModalDefaultInfo{flex:1}.epModalDefaultTitle{color:#374151;font-size:13px;font-weight:600}.epModalDefaultSub{color:#94a3b8;margin-top:2px;font-size:11px}.epModalDefaultBadge{color:#64748b;background:#e2e8f0;border-radius:6px;flex-shrink:0;padding:3px 10px;font-size:10px;font-weight:500}.epModalUploadZone{cursor:pointer;border:2px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;margin-bottom:16px;transition:border-color .18s,background .18s;display:flex;overflow:hidden}.epModalUploadZone:hover{background:#f0fbff;border-color:#29b6e8}.epModalUploadEmpty{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.epModalUploadEmpty span{font-size:13px;font-weight:500}.epModalUploadHint{color:#cbd5e1!important;font-size:11px!important;font-weight:400!important}.epModalPreviewImg{object-fit:contain;width:100%;max-height:200px}.epModalFieldLabel{color:#374151;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.epModalFieldPill{color:#64748b;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:400}.epModalSelect,.epModalInput{color:#374151;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;margin-bottom:10px;padding:10px 12px;font-family:Kanit,sans-serif;font-size:13px;transition:border-color .15s}.epModalSelect:focus,.epModalInput:focus{border-color:#29b6e8}.epModalOrDivider{color:#cbd5e1;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.epModalOrDivider:before,.epModalOrDivider:after{content:"";background:#e2e8f0;flex:1;height:1px}.epModalNote{color:#94a3b8;text-align:center;margin-top:4px;font-size:11px}.epModalFoot{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:14px 24px 20px;display:flex}.epUniCardCustom{border-color:#29b6e8!important}.epUniCardBadge{border-radius:8px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:6px;right:6px}.epUniCardTypeName{color:#334155;align-items:center;gap:4px;padding:8px 10px 2px;font-size:12px;font-weight:600;display:flex}.epUniBtn{cursor:pointer;border:none;border-radius:8px;padding:6px 10px;font-family:Kanit,sans-serif;font-size:11px;font-weight:500;transition:all .15s}.epUniBtnPrimary{color:#fff;background:#29b6e8;flex:1}.epUniBtnPrimary:hover:not(:disabled){background:#0ea5d4}.epUniBtnPrimary:disabled{opacity:.6;cursor:not-allowed}.epUniBtnGhost{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.epUniBtnGhost:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}@media (max-width:980px){.epTopSection{grid-template-columns:1fr}.epRight{position:static}.epPreviewWrap{justify-content:flex-start}}@media (max-width:768px){.epPage{gap:14px;padding:12px}.epTopSection{grid-template-columns:1fr;gap:16px}.epLeft h2{font-size:16px}.epLeft input,.epLeft textarea,.epLeft select{padding:10px;font-size:13px}.epActions{flex-direction:column}.epBtn{text-align:center;width:100%}}.sapPage{background:#f8fafc;min-height:100vh;padding:32px 40px;font-family:Kanit,sans-serif}.sapHeader{margin-bottom:24px}.sapTitle{color:#1e293b;margin:0 0 4px;font-size:22px;font-weight:700}.sapTitleSub{color:#94a3b8;font-size:14px}.sapLoading{text-align:center;color:#94a3b8;padding:80px;font-size:15px}.sapLayout{grid-template-columns:340px 1fr;align-items:start;gap:24px;display:grid}.sapCalCard{background:#fff;border:1px solid #e0eaff;border-radius:20px;padding:24px;box-shadow:0 2px 16px #3b82f614}.sapCalNav{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sapCalNavBtn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .12s;display:flex}.sapCalNavBtn:hover{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe}.sapCalMonthLabel{color:#1e293b;font-size:15px;font-weight:700}.sapCalGrid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.sapCalDayLabel{text-align:center;color:#94a3b8;padding:6px 0;font-size:11px;font-weight:700}.sapCalCell{aspect-ratio:1;cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:all .12s;display:flex}.sapCalCell:hover{background:#eff6ff}.sapCalNum{color:#374151;font-size:13px;font-weight:500;line-height:1}.sapCalDot{color:#3b82f6;letter-spacing:1px;font-size:6px;line-height:1}.sapCalHasAppt{background:#eff6ff}.sapCalHasAppt .sapCalNum{color:#1d4ed8;font-weight:700}.sapCalToday .sapCalNum{color:#fff;background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.sapCalSelected{box-shadow:0 4px 12px #3b82f659;background:#3b82f6!important}.sapCalSelected .sapCalNum{color:#fff;font-weight:700}.sapCalSelected .sapCalDot{color:#fff}.sapCalLegend{border-top:1px solid #f1f5f9;gap:16px;margin-top:16px;padding-top:12px;display:flex}.sapLegendItem{color:#64748b;align-items:center;gap:5px;font-size:12px;display:flex}.sapLegendDot{border-radius:50%;width:10px;height:10px}.sapRight{flex-direction:column;gap:20px;display:flex}.sapDayPanel,.sapUpcomingPanel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px 24px;box-shadow:0 2px 16px #0000000d}.sapDayPanelTitle,.sapUpcomingTitle{color:#1e293b;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.sapDayCount{color:#2563eb;background:#eff6ff;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:700}.sapEmpty{text-align:center;color:#94a3b8;padding:24px;font-size:14px}.sapCard{cursor:pointer;background:#fafcff;border:1.5px solid #f1f5f9;border-radius:14px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;transition:all .15s;display:flex}.sapCard:hover{background:#eff6ff;border-color:#bfdbfe;box-shadow:0 4px 12px #3b82f61a}.sapCard:last-child{margin-bottom:0}.sapCardDate{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:48px;height:52px;display:flex}.sapCardDay{color:#fff;font-size:20px;font-weight:800;line-height:1}.sapCardMon{color:#ffffffd9;font-size:11px;font-weight:500}.sapCardBody{flex:1}.sapCardName{color:#1e293b;margin-bottom:4px;font-size:14px;font-weight:700}.sapCardMeta{flex-wrap:wrap;gap:12px;display:flex}.sapCardMetaItem{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.sapCardBadge{flex-shrink:0}.sapOverlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sapPopup{background:#fff;border-radius:24px;width:100%;max-width:480px;max-height:90vh;padding:28px;animation:.18s sapPopIn;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000002e}@keyframes sapPopIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sapPopupClose{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;align-items:center;padding:5px;transition:background .12s;display:flex;position:absolute;top:14px;right:14px}.sapPopupClose:hover{background:#e2e8f0}.sapPopupHead{align-items:center;gap:14px;margin-bottom:20px;padding-right:36px;display:flex}.sapPopupAvatar{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.sapPopupName{color:#1e293b;font-size:17px;font-weight:700}.sapPopupMeta{color:#64748b;align-items:center;gap:8px;margin-top:2px;font-size:13px;display:flex}.sapPopupInfoRow{background:#f8fafc;border-radius:14px;flex-wrap:wrap;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.sapPopupInfoItem{flex:1;align-items:center;gap:10px;min-width:100px;display:flex}.sapPopupInfoLabel{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:600}.sapPopupInfoVal{color:#1e293b;font-size:15px;font-weight:700}.sapPopupItems{margin-bottom:20px}.sapPopupItemsTitle{color:#64748b;margin-bottom:10px;font-size:13px;font-weight:700}.sapPopupItem{color:#374151;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 12px;font-size:13px;display:flex}.sapPopupItemDot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:7px;height:7px}.sapPopupItemQty{color:#3b82f6;margin-left:auto;font-weight:700}.sapPopupActions{justify-content:flex-end;gap:10px;display:flex}.sdBadge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}@media (max-width:900px){.sapLayout{grid-template-columns:1fr}.sapPage{padding:20px 16px}}.sapScheduleBannerEmpty{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.sapScheduleBannerSet{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.sapScheduleBannerIcon{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sapScheduleBannerTitle{color:#1e3a5f;margin-bottom:2px;font-size:14px;font-weight:600}.sapScheduleBannerSub{color:#475569;font-size:12px}.sapScheduleBannerNote{color:#64748b;margin-top:2px;font-size:11px;font-style:italic}.sapScheduleSetBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:8px 14px;font-family:inherit;font-size:13px;transition:background .15s;display:inline-flex}.sapScheduleSetBtn:hover{background:#1d4ed8}.sapScheduleEditBtn{color:#16a34a;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #86efac;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:7px 13px;font-family:inherit;font-size:12px;transition:background .15s;display:inline-flex}.sapScheduleEditBtn:hover{background:#dcfce7}.sapScheduleModal{width:100%;max-width:440px}.sapScheduleSection{margin-bottom:16px}.sapScheduleLabel{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600}.sapDayGrid{flex-wrap:wrap;gap:6px;display:flex}.sapDayBtn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:13px;transition:all .12s}.sapDayBtn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.sapDayBtnActive{font-weight:600;color:#fff!important;background:#2563eb!important;border-color:#1d4ed8!important}.sapTimeInput{color:#1e293b;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;transition:border .15s}.sapTimeInput:focus{box-shadow:none;border-color:#e5e7eb;outline:none}.sapNoteInput{color:#374151;resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border .15s}.sapNoteInput:focus{border-color:#93c5fd}.sapErr{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:13px}.sapPopupBtnPrimary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:9px 20px;font-family:inherit;font-size:14px;transition:background .15s}.sapPopupBtnPrimary:hover:not(:disabled){background:#1d4ed8}.sapPopupBtnPrimary:disabled{opacity:.6;cursor:not-allowed}.sapCalClosed{color:#cbd5e1;background:#f1f5f9}@media (max-width:768px){.sapPage{padding:16px 12px}.sapTitle{font-size:18px}.sapTitleSub{font-size:12px}.sapLayout{grid-template-columns:1fr;gap:16px}.sapCalCard{padding:16px}.sapCalMonthLabel{font-size:14px}.sapCalNum{font-size:12px}.sapCard{gap:10px;padding:10px 12px}.sapCardName{font-size:13px}.sapCardMeta{gap:8px}.sapCardMetaItem{font-size:11px}.sapPopup{padding:20px 16px}.sapPopupName{font-size:15px}.sapPopupInfoRow{gap:8px;padding:10px 12px}.sapPopupInfoVal{font-size:13px}.sapScheduleBannerEmpty,.sapScheduleBannerSet{flex-wrap:wrap;gap:10px;padding:12px}.sapScheduleBannerTitle{font-size:13px}.sapScheduleBannerSub{font-size:11px}.sapDayPanel,.sapUpcomingPanel{padding:16px}.sapDayPanelTitle,.sapUpcomingTitle{font-size:13px}}.stPage{background:#fff8f3;min-height:100vh;padding:32px 40px;font-family:Kanit,sans-serif}.stHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:28px;display:flex}.stTitle{color:#1e293b;margin:0 0 4px;font-size:22px;font-weight:700}.stSubtitle{color:#94a3b8;font-size:14px}.stLoading{text-align:center;color:#94a3b8;padding:80px}.stBtnAdd{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:12px;align-items:center;gap:7px;padding:10px 20px;font-family:Kanit,sans-serif;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.stBtnAdd:hover{background:#ea6c0a}.stEmpty{text-align:center;padding:40px}.stEmptyIcon{justify-content:center;margin-bottom:8px;line-height:1;display:flex}.stEmptyText{color:#1e293b;margin-bottom:6px;font-size:18px;font-weight:700}.stEmptySub{color:#94a3b8;font-size:14px}.stGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.stCard{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}.stCard:hover{background:#f8fafc}.stCardDraft{opacity:.75;border-style:dashed}.stRibbon{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,6px 50%);border-radius:4px 0 0 4px;padding:3px 14px 3px 10px;font-size:11px;font-weight:700;position:absolute;top:14px;right:-6px}.stRibbonPub{color:#16a34a;background:#dcfce7}.stRibbonDraft{color:#d97706;background:#fef3c7}.stCardImg{border-radius:12px;height:160px;margin-bottom:14px;overflow:hidden}.stCardImg img{object-fit:cover;width:100%;height:100%}.stCardStars{align-items:center;gap:2px;margin-bottom:10px;display:flex}.stCardRatingLabel{color:#f59e0b;margin-left:6px;font-size:12px;font-weight:600}.stCardTitle{color:#1e293b;margin-bottom:8px;font-size:16px;font-weight:700;line-height:1.4}.stCardText{color:#6b7280;margin-bottom:10px;font-size:14px;font-style:italic;line-height:1.7}.stCardDate{color:#94a3b8;margin-bottom:14px;font-size:12px}.stCardActions{flex-wrap:wrap;gap:6px;display:flex}.stCardBtn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-family:Kanit,sans-serif;font-size:12px;font-weight:600;transition:all .12s;display:inline-flex}.stCardBtnEdit{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.stCardBtnEdit:hover{background:#dbeafe}.stCardBtnPub{color:#16a34a;background:#dcfce7;border-color:#bbf7d0}.stCardBtnPub:hover{background:#bbf7d0}.stCardBtnUnpub{color:#d97706;background:#fef3c7;border-color:#fde68a}.stCardBtnUnpub:hover{background:#fde68a}.stCardBtnDel{color:#dc2626;background:#fee2e2;border-color:#fca5a5;margin-left:auto}.stCardBtnDel:hover{background:#fca5a5}.stOverlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stModal{background:#fff;border-radius:24px;width:92%;max-width:540px;max-height:90vh;padding:32px;animation:.18s stPopIn;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0003}@keyframes stPopIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.stModalClose{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;align-items:center;padding:5px;transition:background .12s;display:flex;position:absolute;top:14px;right:14px}.stModalClose:hover{background:#e2e8f0}.stModalTitle{color:#1e293b;margin-bottom:24px;font-size:18px;font-weight:700}.stFormSection{margin-bottom:18px}.stFormRow{justify-content:space-between;align-items:center;display:flex}.stFormLabel{color:#374151;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.stReq{color:#ef4444}.stFormInput,.stFormTextarea{color:#374151;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:Kanit,sans-serif;font-size:14px}.stFormInput:focus,.stFormTextarea:focus{background:#fff;border-color:#e2e8f0;outline:none}.stFormInput:focus-visible,.stFormTextarea:focus-visible{box-shadow:none!important;outline:none!important}.stFormTextarea{resize:vertical;line-height:1.6}.stStarRow{align-items:center;gap:4px;display:flex}.stStarBtn{cursor:pointer;background:0 0;border:none;padding:2px;transition:transform .1s}.stStarBtn:hover{transform:scale(1.15)}.stStarLabel{color:#f59e0b;margin-left:8px;font-size:14px;font-weight:600}.stUploadBox{cursor:pointer;color:#94a3b8;background:#fff8f3;border:2px dashed #fed7aa;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100px;padding:24px;font-size:14px;transition:border-color .15s;display:flex;overflow:hidden}.stUploadBox:hover{border-color:#f97316}.stUploadPreview{object-fit:cover;border-radius:8px;width:100%;max-height:200px}.stClearImg{color:#dc2626;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:6px;font-family:Kanit,sans-serif;font-size:12px;display:inline-flex}.stToggle{cursor:pointer;background:#e2e8f0;border:none;border-radius:999px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.stToggleOn{background:#f97316}.stToggleThumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.stToggleOn .stToggleThumb{transform:translate(20px)}.stErr{color:#dc2626;background:#fee2e2;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}.stModalActions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.stModalBtnGhost{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 22px;font-family:Kanit,sans-serif;font-size:14px;transition:background .12s}.stModalBtnGhost:hover{background:#f9fafb}.stModalBtnPrimary{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:10px;padding:10px 22px;font-family:Kanit,sans-serif;font-size:14px;font-weight:700;transition:background .15s}.stModalBtnPrimary:hover{background:#ea6c0a}.stModalBtnPrimary:disabled{opacity:.5;cursor:not-allowed}.stModalBtnDanger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;padding:10px 22px;font-family:Kanit,sans-serif;font-size:14px;font-weight:700;transition:background .12s}.stModalBtnDanger:hover{background:#b91c1c}.stConfirmPopup{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:380px;padding:32px;animation:.18s stPopIn;box-shadow:0 24px 60px #0000002e}.stConfirmIcon{margin-bottom:12px;font-size:44px}.stConfirmTitle{color:#1e293b;margin-bottom:8px;font-size:18px;font-weight:700}.stConfirmBody{color:#64748b;margin-bottom:24px;font-size:14px;line-height:1.6}.stBadge{border-radius:999px;align-items:center;padding:3px 12px;font-size:12px;font-weight:700;display:inline-flex}.stBadgeOpen{color:#16a34a;background:#dcfce7}.stBadgeClosed{color:#d97706;background:#fef3c7}.stBadgeArchived{color:#64748b;background:#f1f5f9}.stBackBtn{cursor:pointer;color:#374151;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:color .12s;display:flex}.stBackBtn:hover{color:#f97316}.stProjList{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stProjRow{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;transition:background .15s;display:flex;overflow:hidden}.stProjRow:hover{background:#f8fafc}.stProjRowImg{background:#f1f5f9;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:160px;display:flex;overflow:hidden}.stProjRowImg img{object-fit:cover;width:100%;height:100%}.stProjRowImgEmpty{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.stProjRowBody{flex-direction:column;flex:1;gap:6px;padding:16px 18px 18px;display:flex}.stProjRowTop{margin-bottom:2px}.stProjRowTitle{color:#1e293b;font-size:15px;font-weight:700;line-height:1.4}.stProjRowDates{color:#6b7280;white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:5px;font-size:12px;display:flex;overflow:hidden}.stProjRowDur{color:#94a3b8;margin-left:2px}.stProjRowDuration{color:#f97316;background:#fff4ec;border:1.5px solid #fed7aa;border-radius:20px;align-items:center;gap:4px;width:fit-content;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.stMiniCard{background:#fff;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:14px 18px;display:flex}.stMiniImg{background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.stMiniImg img{object-fit:cover;width:100%;height:100%}.stMiniImgEmpty{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.stMiniInfo{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.stMiniTitle{color:#1e293b;white-space:normal;overflow-wrap:break-word;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.stMiniDates{color:#6b7280;align-items:center;gap:5px;font-size:12px;display:flex}@media (max-width:768px){.stPage{padding:16px 12px}.stTitle{font-size:18px}.stSubtitle{font-size:12px}.stHeader{flex-direction:column;align-items:flex-start;gap:10px}.stBtnAdd{margin-left:45px}.stProjList{grid-template-columns:1fr;gap:12px}.stProjRowImg{width:100%;height:180px}.stProjRowTitle{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.stProjRowDates{white-space:normal;flex-wrap:wrap;font-size:11px}.stGrid{grid-template-columns:1fr;gap:14px}.stCardTitle{font-size:14px}.stCardText{font-size:13px}.stModal{border-radius:18px;padding:20px 16px}.stModalTitle{font-size:16px}.stFormLabel{font-size:13px}.stFormInput,.stFormTextarea{padding:9px 12px;font-size:13px}.stModalBtnGhost,.stModalBtnPrimary{padding:9px 16px;font-size:13px}.stMiniCard{gap:10px;padding:12px}.stMiniTitle{font-size:12px}.stMiniDates{font-size:11px}.stConfirmPopup{padding:24px 18px}.stConfirmTitle{font-size:16px}.stConfirmBody{font-size:13px}}*{box-sizing:border-box;font-family:Prompt,Mitr,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.adLgPage{background:radial-gradient(800px 500px at 10% 0,#1e3a8a40,#0000 60%),radial-gradient(800px 500px at 100% 100%,#ffbd1726,#0000 60%),#0f172a;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.adLgCard{background:#1b5ec9;border:1px solid #ffffff0f;border-radius:20px;width:100%;max-width:420px;padding:36px 32px;box-shadow:0 25px 50px #0006}.adLgHeader{text-align:center;margin-bottom:24px}.adLgTitle{color:#fff;margin:0;font-size:26px;font-weight:700}.adLgSubtitle{color:#cdd3dd;margin-top:6px;font-size:14px}.adLgForm{flex-direction:column;gap:18px;display:flex}.adLgField{flex-direction:column;gap:6px;display:flex}.adLgLabel{color:#fff;font-size:13px;font-weight:500}.adLgInput{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:12px;outline:none;height:46px;padding:10px 14px;font-size:14px;transition:all .2s}.adLgInput::placeholder{color:#64748b}.adLgInput:focus{background-color:#25355b;border-color:#3b82f6;box-shadow:0 0 0 4px #5292f940}.adLgBtn{color:#fff;cursor:pointer;background:#ffcc4d;border:none;border-radius:12px;height:46px;margin-top:6px;font-weight:800;transition:all .2s;box-shadow:0 12px 24px #3b82f659}.adLgBtn:hover{color:#3b82f6;background:#fff;border:1px solid #3b82f6;transform:translateY(-2px)}.adLgBtn:active{transform:translateY(0)}.adLgAlert{color:#fecaca;background:#ef444426;border:1px solid #ef444459;border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:600}.badge{border:1px solid var(--stroke);color:var(--muted);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.dot:before{content:"";background:var(--muted2);border-radius:50%;width:8px;height:8px}.status{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.status.pending{color:#ffd9a6;background:#f59e0b24;border-color:#f59e0b40}.status.approved{color:#baf3ce;background:#22c55e24;border-color:#22c55e40}.status.rejected{color:#ffc2c2;background:#ef44441f;border-color:#ef444438}.tabBar{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.tab{border:1px solid var(--stroke);color:var(--text);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;transition:all .18s;display:inline-flex}.tab:hover{background:#ffffff17;border-color:#ffffff2e;transform:translateY(-1px)}.tab.primary{background:linear-gradient(90deg,#7c5cff40,#28d6c21f);border:1px solid #7c5cff73}.table{border-radius:var(--radius);border:1px solid var(--stroke);background:#ffffff0a;margin-top:12px;overflow:hidden}.thead,.row{grid-template-columns:1.6fr .9fr .8fr;gap:10px;padding:12px 14px;display:grid}.thead{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;background:#ffffff0f;font-size:12px;font-weight:800}.row{border-top:1px solid #ffffff14;align-items:center}.row:hover{background:#ffffff0f}.row>div{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row .actionsCell{justify-content:flex-end;gap:10px;display:flex}.actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}button{cursor:pointer;border:1px solid var(--stroke);color:var(--text);background:#ffffff0f;border-radius:12px;padding:10px 12px;font-weight:800;transition:all .18s}.boShell button:hover{background:#ffffff17;transform:translateY(-1px)}.boShell .nb-btn:hover{background:#ffffff26;transform:none}.boShell .wi-filter-tab:hover,.boShell .wi-action-btn:hover{background:revert;transform:none}.wi-search-input:focus{box-shadow:none;background:0 0;border-color:#0000}.wi-search-input::placeholder{color:#94a3b8}button:disabled{opacity:.55;cursor:not-allowed;transform:none}button.ok{background:#22c55e1f;border-color:#22c55e59}button.ok:hover{background:#22c55e2e}button.bad{background:#ef44441a;border-color:#ef444459}button.bad:hover{background:#ef444429}button.brand{background:#7c5cff24;border-color:#7c5cff73}button.brand:hover{background:#7c5cff33}input,textarea{width:100%;color:var(--text);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;outline:none;padding:12px;transition:all .18s}input::placeholder,textarea::placeholder{color:#ffffff73}input:focus,textarea:focus{background:#ffffff12;border-color:#7c5cff8c;box-shadow:0 0 0 4px #7c5cff2e}textarea{resize:vertical;min-height:110px;margin-top:12px}.adPlainTextarea:focus{box-shadow:none!important;background:#fff!important;border-color:#e2e8f0!important}.card a{background:#28d6c21a;border:1px solid #28d6c259;border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-weight:800;display:inline-flex}.card a:hover{background:#28d6c229}.authWrap{min-height:100vh;color:var(--text);background:radial-gradient(900px 520px at 20% 20%,#7c5cff40,#0000 60%),radial-gradient(760px 460px at 80% 25%,#28d6c22e,#0000 60%),linear-gradient(#070b14,#0b1220 60%,#0b1220);place-items:center;padding:26px;display:grid}.authCard{border:1px solid var(--stroke);width:min(420px,100%);box-shadow:var(--shadow);background:linear-gradient(#ffffff12,#ffffff0a);border-radius:18px;padding:18px}.authCard h2{margin:6px 0 14px}.authCard form{gap:10px;display:grid}.authCard button{background:linear-gradient(90deg,#7c5cff33,#28d6c21f);border-color:#7c5cff73;margin-top:6px}.authCard button:hover{background:linear-gradient(90deg,#7c5cff47,#28d6c229)}.error{color:#ffd0d0;background:#ef44441a;border:1px solid #ef444447;border-radius:12px;margin:8px 0 12px;padding:10px 12px;font-size:13px;font-weight:700}.adminLayout{background:#f5f6fa;min-height:100vh;display:flex}.adminSidebar{color:#fff;background:#1e293b;width:240px;padding:20px}.adminSidebar h3{margin-bottom:20px;font-size:18px}.adminSidebar a{color:#cbd5e1;border-radius:6px;margin-bottom:6px;padding:10px;text-decoration:none;display:block}.adminSidebar a:hover,.adminSidebar a.active{color:#fff;background:#334155}.adminMain{flex:1;padding:30px}.adminCard{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px}.adminTable{border-collapse:collapse;width:100%}.adminTable th,.adminTable td{border-bottom:1px solid #e5e7eb;padding:12px}.status.pending{color:orange}.status.approved{color:green}.status.rejected{color:red}@media (max-width:640px){.thead,.row{grid-template-columns:1.3fr .8fr .8fr}}.boShell{background:#fff;grid-template-columns:300px 1fr;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:grid}.boSide{background:#5285e8;padding:28px 24px}.boBrand{align-items:center;gap:14px;padding:6px 6px 18px;display:flex}.boLogo{border-radius:14px;width:56px;height:56px}.boBrandName img{width:200px;height:auto}.boMenu{gap:6px;margin-top:18px;display:grid}.boItem{color:#d2d2d2;border-bottom:2px solid #fff3;align-items:center;gap:14px;padding:12px 0;text-decoration:none;display:flex}.boItem.active{color:#fff;background-color:#0000;font-weight:700}.boMenuIcon{border-radius:10px;justify-content:left;align-items:center;position:relative;left:0}.boMenu svg{vertical-align:middle;width:30px;height:30px;display:inline-flex}.boMain{background:#fff;padding:20px}.boPage{width:100%}.boTop{background:linear-gradient(90deg,#1d4ed8 0%,#5285e8 45%,#7dd3fc 100%);border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:16px 28px 18px;display:flex;box-shadow:0 12px 28px #1e40af38}.boTitle{color:#fff;font-size:32px;font-weight:700}.boAdmin{color:#fff;align-items:center;gap:14px;display:flex}.boAdminRole svg{vertical-align:middle;width:32px;height:32px;margin-right:12px;display:inline-flex}.boAdminText .pd-name{color:#fff!important}.boAdminText .pd-role{color:#ffffffd9!important}.boAdminText .pd-chevron{color:#fff!important}.boAdminText .pd-menu .pd-item-label{color:#111827!important}.boAdminText .pd-menu .pd-item-icon{color:#6b7280!important}.boAdminText .pd-menu .pd-sub-item{color:#374151!important}.boAdminText .pd-menu .pd-item-label--red,.boAdminText .pd-menu .pd-item-icon--red{color:#ef4444!important}.boAdminRole{font-weight:600}.boAdminName{font-weight:800}.boPanel{background:#fff;border:1px solid #00000014;border-radius:14px;width:1040px;margin-top:28px;padding:22px 22px 28px;box-shadow:1px 3px 2px #00000014}.boPanelTitle{color:#143a4a;margin:10px 0 18px;font-size:26px;font-weight:800}.boMuted{color:#0000008c;padding:16px 4px}.boCards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.boCard{color:#fff;text-align:center;border-radius:16px;align-content:start;gap:10px;min-height:250px;padding:18px 10px 20px;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.boCardLabel{font-size:16px;font-weight:0}.boCardIcon{border-radius:18px;width:70px;height:70px;margin:8px auto 2px}.boCardIcon svg{vertical-align:middle;color:#053f5c;width:50px;height:50px;display:inline-flex}.boCardValue{letter-spacing:.5px;font-size:60px;font-weight:700}.boCardBlue{background:#87c7eb}.boCardGreen{background:#31c464}.boCardYellow{color:#fff;background:#ffcc4d}.boCardRed{background:#e77b7b}.boError{color:#a02222;background:#e77b7b1f;border:1px solid #e77b7b99;border-radius:10px;margin-top:12px;padding:12px 14px;font-weight:700}.boTradeToggle{width:100%;box-shadow:none;appearance:none;color:#d2d2d2;font-weight:400;font-size:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:2px solid #fff3;border-radius:0;align-items:center;gap:14px;padding:12px 0;display:flex}.boTradeToggle:hover,.boTradeToggle:focus,.boTradeToggle:focus-visible,.boTradeToggle:active{color:#fff;box-shadow:none!important;background:0 0!important;outline:none!important}.boTradeToggle.active{color:#fff;font-weight:700}.boTradeSubmenu{padding-left:16px}.boItem--sub{padding-left:8px;font-size:.95em}@media (max-width:1200px){.boShell{grid-template-columns:300px 1fr}.boCards{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.boShell{grid-template-columns:1fr}.boSide{position:sticky;top:0}.boCards{grid-template-columns:1fr}}.boMobileMenuBtn,.boSideClose,.boSideBackdrop{display:none}@media (max-width:1024px){.boShell{width:100%;min-width:0;max-width:100vw;display:block;overflow-x:clip}.boMain{width:100%;min-width:0;max-width:100vw;padding:16px;overflow-x:clip}.boMain>*,.boPage,.admPage,.boPageInner{width:100%;min-width:0;max-width:100%}.boSide{z-index:5000;width:min(320px,86vw);padding:20px 22px;transition:transform .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:18px 0 45px #0f172a3d}.boShell--menuOpen .boSide{transform:translate(0)}.boSideBackdrop{z-index:4999;opacity:0;pointer-events:none;background:#0f172a75;border:0;border-radius:0;width:100%;height:100%;padding:0;transition:opacity .2s;position:fixed;inset:0}.boShell--menuOpen .boSideBackdrop{opacity:1;pointer-events:auto;display:block}.boMobileMenuBtn{top:18px;left:max(18px, env(safe-area-inset-left));z-index:4900;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e40afe0;border:1px solid #ffffff8c;border-radius:12px;place-items:center;width:42px;height:42px;padding:0;display:grid;position:fixed;box-shadow:0 6px 18px #1e40af47}.boMobileMenuBtn:hover{background:#1d4ed8!important;transform:none!important}.boMobileMenuBtn svg,.boSideClose svg{width:24px;height:24px}.boBrand{justify-content:space-between;padding-right:0}.boSideClose{color:#fff;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.boSideClose:hover{background:#fff3!important;transform:none!important}.boBrandName img{width:min(180px,55vw)}.boTop{gap:12px;min-height:76px;padding:15px 18px 15px 58px}.boTitle{font-size:clamp(22px,3.5vw,29px);line-height:1.2}.boPage,.admPage{min-width:0}}@media (max-width:600px){.boMain{padding:10px}.boMobileMenuBtn{top:14px;left:max(14px, env(safe-area-inset-left));width:38px;height:38px}.boTop{border-radius:12px;min-height:68px;padding:12px 12px 12px 50px;overflow:visible}.boTop>div:first-child{min-width:0}.boTop>div:first-child p{display:none}.boTitle{font-size:20px}.boAdmin{flex-shrink:0;gap:6px}.boAdminText .pd-name,.boAdminText .pd-role,.boAdminText .pd-chevron{display:none!important}.boPageInner{padding:14px 2px}.adLgPage{padding:14px}.adLgCard{border-radius:16px;padding:28px 20px}.adLgTitle{font-size:23px}}.boPageInner{padding:18px 24px}.boTopDateRow{justify-content:space-between;align-items:center;padding:14px 24px 0;display:flex}.boDateLabel{color:#64748b;font-size:14px}.boPeriodTabs{gap:12px;display:flex}.boPeriodTab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:20px;padding:6px 18px;font-size:14px;font-weight:600}.boPeriodTab.active{color:#fff;background:#5285e8}.boStatGrid5{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.boStatColorCard{text-align:center;color:#053f5c;border-radius:14px;align-content:start;gap:8px;padding:16px 12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff40}.boStatColorCard__label{font-size:13px;font-weight:600}.boStatColorCard__iconWrap{background:#ffffff59;border-radius:14px;place-items:center;width:56px;height:56px;margin:4px auto;display:grid}.boStatColorCard__value{font-size:46px;font-weight:800;line-height:1}.boStatColorCard__change{color:#053f5cbf;font-size:11px}.boRevGrid3{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.boRevCard{background:#fff;border:1px solid #e9ecf2;border-radius:14px;padding:18px 20px;box-shadow:0 4px 12px #0000000d}.boRevCard--highlight{background:#fff8e1;border-color:#ffe082}.boRevCard__label{color:#64748b;margin-bottom:6px;font-size:14px;font-weight:600}.boRevCard__value{font-size:32px;font-weight:900}.boRevCard__value--blue{color:#5285e8}.boRevCard__value--amber{color:#f59e0b}.boRevCard__sub{margin-top:4px;font-size:12px}.boRevCard__sub--green{color:#22b14c}.boRevCard__sub--muted{color:#64748b}.boChartRow{grid-template-columns:1fr 320px;gap:16px;margin-bottom:18px;display:grid}.boChartCard{background:#fff;border:1px solid #e9ecf2;border-radius:14px;padding:20px 22px;box-shadow:0 4px 12px #0000000d}.boChartCard__title{color:#1e293b;margin-bottom:12px;font-size:16px;font-weight:700}.boChartLegend{gap:18px;margin-bottom:12px;font-size:13px;display:flex}.boChartLegend__item{align-items:center;gap:6px;display:flex}.boChartLegend__dot{border-radius:2px;width:14px;height:3px;display:inline-block}.boPendingCard{background:#fff;border:1px solid #e9ecf2;border-radius:14px;padding:20px 18px;box-shadow:0 4px 12px #0000000d}.boPendingCard__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.boPendingCard__title{color:#1e293b;font-size:15px;font-weight:700}.boPendingCard__count{color:#64748b;font-size:13px}.boPendingItem{border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 14px;display:flex}.boPendingItem__label{font-size:14px;font-weight:700}.boPendingItem__sub{color:#64748b;margin-top:2px;font-size:12px}.boPendingItem__btn{cursor:pointer;background:#ffffffb3;border-radius:8px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.boDonutCard{background:#fff;border:1px solid #e9ecf2;border-radius:14px;padding:20px 22px;box-shadow:0 4px 12px #0000000d}.boDonutCard__title{color:#1e293b;margin-bottom:14px;font-size:15px;font-weight:700}.boDonutCard__inner{align-items:center;gap:24px;display:flex}.boDonutCard__legend{gap:12px;display:grid}.boDonutCard__legendItem{align-items:center;gap:10px;display:flex}.boDonutCard__legendDot{border-radius:50%;width:12px;height:12px;display:inline-block}.boDonutCard__legendText{color:#1e293b;font-size:14px}.admStatGrid5{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px;display:grid}.admDateRight{text-align:right;color:#64748b;margin-bottom:14px;font-size:14px}.admCardHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 0;display:flex}.admCardTitle{color:#1e293b;font-size:16px;font-weight:700}.admCardControls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admStatusTabs{gap:6px;display:flex}.admStatusTab{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600}.admStatusTab.active{color:#fff;background:#5285e8;border-color:#5285e8}.admDonationToolbar{background:#fff;border:1px solid #dbe7ff;border-radius:16px;grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:grid;box-shadow:0 8px 24px #0f172a0f}.admDonationSearch{background:linear-gradient(135deg,#f8fbff 0%,#fff 100%);border:1.5px solid #dbe7ff;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:grid}.admDonationSearch:focus-within{box-shadow:none;border-color:#5285e8}.admDonationSearch input{width:100%;min-width:0;box-shadow:none;color:#1e293b;background:0 0;border:none;border-radius:0;outline:none;padding:0;font-size:14px;font-weight:500}.admDonationSearch input:focus,.admDonationSearch input:focus-visible{box-shadow:none;background:0 0;border:none;outline:none}.admDonationSearch input::placeholder{color:#94a3b8;font-weight:400}.admDonationSearch button{color:#5285e8;cursor:pointer;background:#eff6ff;border:none;border-radius:999px;place-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s;display:grid}.admDonationSearch button:hover{color:#1d4ed8;background:#dbeafe;transform:none}.admDonationControls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.admDonationSegment{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.admDonationSegment button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;min-height:34px;padding:7px 12px;font-size:12px;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.admDonationSegment button:hover{color:#2563eb;background:#fff;transform:none}.admDonationSegment button.active{color:#fff;background:#5285e8;box-shadow:0 6px 14px #5285e838}.admDonationSort{color:#5285e8;background:#fff;border:1.5px solid #dbe7ff;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.admDonationSort select{color:#334155;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%235285e8' d='m7 10l5 5l5-5z'/%3E%3C/svg%3E") 100% no-repeat;border:none;outline:none;padding-right:18px;font-size:13px;font-weight:700}.admDonationSchoolCard{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex}.admDonationSchoolCard:hover{background:#f8fbff;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a0f}.admDonationSchoolCard--urgent{border-color:#fca5a5}.admDonationSchoolCard--urgent:hover{background:#fff7f7;border-color:#f87171}@media (max-width:980px){.admDonationToolbar{grid-template-columns:1fr}.admDonationControls{justify-content:flex-start}}@media (max-width:640px){.admDonationToolbar{padding:12px}.admDonationSegment,.admDonationControls,.admDonationSort{width:100%}.admDonationSegment{overflow-x:auto}.admDonationSort select{width:100%}}.admOrderCard{border:1px solid #dbe7ff;box-shadow:0 10px 30px #0f172a0f}.admOrderCard .admTable thead th{color:#1e3a8a;background:#eff6ff;font-weight:700}.admOrderCard .admTable tbody tr:hover{background:#f8fbff}.admOrderCard .admActionsCell .admBtnSmall{border-radius:10px}.admPayoutDateRow{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admPayoutPeriodTabs{gap:10px;display:flex}.admPayoutStatGrid3{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.admPayoutStatCard--blue{background:#f0f9ff;border-color:#bae6fd}.admPayoutStatCard__label{margin-bottom:6px;font-size:14px;font-weight:700}.admPayoutStatCard__label--red{color:#e03131}.admPayoutStatCard__label--green{color:#22b14c}.admPayoutStatCard__label--muted{color:#64748b}.admPayoutStatCard__value{font-size:32px;font-weight:900}.admPayoutStatCard__value--red{color:#e03131}.admPayoutStatCard__value--green{color:#22b14c}.admPayoutStatCard__value--blue{color:#5285e8}.admPayoutStatCard__sub{color:#64748b;margin-top:4px;font-size:12px}.admPayAllBtn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:9px 18px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;box-shadow:0 4px 14px #05966947}.admPayAllBtn:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 8px 22px #05966942}.admBadgeDot{border-radius:50%;width:7px;height:7px;display:inline-block}.admActionsCell{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.admPayoutPanel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px #0f172a12}.admPayoutPanel--pending{margin-bottom:24px}.admPayoutPanel__head{background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #eef2fb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex}.admPayoutPanel__title{align-items:center;gap:10px;display:flex}.admPayoutPanel__icon{border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.admPayoutPanel__icon--pending{color:#d97706;background:#fff8e1;border:1px solid #fde68a}.admPayoutPanel__icon--history{color:#15803d;background:#dcfce7;border:1px solid #86efac}.admPayoutPanel__label{color:#1e293b;font-size:16px;font-weight:800}.admPayoutPanel__count{border-radius:999px;margin-left:10px;padding:3px 12px;font-size:12px;font-weight:800}.admPayoutPanel__count--pending{color:#e03131;background:#fee2e2}.admPayoutPanel__count--history{color:#15803d;background:#dcfce7}.admPayoutTableWrap{overflow-x:visible}.admPayoutTable{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:0}.admPayoutTable--history{min-width:0}.admPayoutTable thead tr{background:#1e40af}.admPayoutTable--history thead tr{background:#15803d}.admPayoutTable .admPayoutTh{color:#fff;letter-spacing:.01em;text-align:left;vertical-align:middle;border-bottom:2px solid #ffffff26;padding:11px 10px;font-size:12px;font-weight:800;overflow:hidden}.admPayoutTable tbody tr{background:#fff}.admPayoutTable tbody tr:nth-child(2n){background:#fafbff}.admPayoutTable tbody tr:hover{background:#eff6ff}.admPayoutTable td{vertical-align:middle;text-align:left;border-bottom:1px solid #eef2f7;padding:13px 10px;overflow:hidden}.admPayoutTable tbody tr:last-child td{border-bottom:none}.admPayoutTable td.admPayoutTable__empty{text-align:center;color:#94a3b8;padding:48px 24px}.admPayoutTable__emptyIcon{color:#cbd5e1;margin:0 auto 10px;font-size:36px;display:block}.admPayoutTable__emptyTitle{color:#64748b;font-size:14px;font-weight:700}.admPayoutTable__emptyText{margin-top:4px;font-size:12px}.admPayoutSeller{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.admPayoutAvatar{color:#fff;background:linear-gradient(135deg,#5285e8,#1d4ed8);border-radius:10px;place-items:center;width:32px;height:32px;font-size:15px;font-weight:900;display:grid;box-shadow:0 2px 8px #5285e842}.admPayoutSeller__name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.admPayoutSeller__bank{color:#64748b;align-items:center;gap:6px;min-width:0;margin-top:4px;font-size:11px;display:flex}.admPayoutSeller__bank--inline{margin-top:0}.admPayoutBankChip{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:7px;padding:2px 7px;font-size:10px;font-weight:800;line-height:1.3}.admPayoutAccountText{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admPayoutOrderBadge{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:10px;justify-content:flex-start;align-items:center;gap:6px;min-width:0;max-width:100%;padding:6px 8px;font-weight:800;display:inline-flex}.admPayoutOrderBadge svg{color:#5285e8;font-size:15px}.admPayoutOrderBadge small{color:#94a3b8;font-size:11px;font-weight:700}.admPayoutMoney{color:#0f172a;text-align:left;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.admPayoutMoney--shipping{color:#0d9488}.admPayoutMoney--fee{color:#d97706}.admPayoutMoney--net{color:#16a34a;font-size:14px;font-weight:900}.admPayoutStatus{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:5px;max-width:100%;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.admPayoutStatus--pending{color:#92400e;background:#fef9c3;border:1px solid #fde68a}.admPayoutStatus--cycle{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.admPayoutStatus--ready{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.admPayoutStatus--overdue{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.admPayoutStatus--paid{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.admPayoutStatus__dot{aspect-ratio:1;background:currentColor;border-radius:50%;flex:0 0 7px;width:7px;min-width:7px;height:7px;min-height:7px;display:inline-block}.admPayoutDateCell{white-space:nowrap}.admPayoutDateCell__date{color:#0f172a;font-size:13px;font-weight:800}.admPayoutDateCell__time{color:#94a3b8;margin-top:2px;font-size:11px}.admPayoutActionRow{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px;max-width:100%;display:inline-flex}.admPayoutBtn{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;align-items:center;gap:4px;padding:7px 8px;font-size:11.5px;font-weight:700;line-height:1;transition:filter .15s,transform .1s,box-shadow .15s;display:inline-flex}.admPayoutBtn:hover{filter:brightness(1.07);transform:translateY(-1px)}.admPayoutBtn:active{transform:scale(.97)}.admPayoutBtn:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.58;box-shadow:none;transform:none}.admPayoutBtn--transfer{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);box-shadow:0 2px 8px #05966947}.admPayoutBtn--detail{color:#3b5bdb;background:#f0f4ff;border:1px solid #c5d3f8}.admPayoutBtn--detail:hover{background:#e0e9ff}.admPayoutStatCard{background:#fff;border:1px solid #e9ecf2;border-radius:16px;padding:18px 20px;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 14px #0000000d}.admPayoutStatCard:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000017}.admModalSteps{justify-content:center;align-items:center;gap:0;margin-bottom:22px;display:flex}.admModalStep{align-items:center;display:flex}.admModalStep__circle{border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.admModalStep__circle--active{color:#fff;background:#5285e8}.admModalStep__circle--inactive{color:#94a3b8;background:#e2e8f0}.admModalStep__label{margin-left:6px;font-size:13px}.admModalStep__label--active{color:#5285e8;font-weight:700}.admModalStep__label--inactive{color:#94a3b8}.admModalStep__line{width:60px;height:2px;margin:0 8px}.admModalStep__line--active{background:#5285e8}.admModalStep__line--inactive{background:#e2e8f0}.admSellerInfoBox{background:#f8fafc;border-radius:14px;margin-bottom:16px;padding:18px 20px}.admSellerInfoBox__header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.admSellerAvatar{color:#fff;background:#5285e8;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.admSellerInfoBox__grid{grid-template-columns:1fr 1fr;gap:12px;font-size:14px;display:grid}.admSellerInfoBox__fieldLabel{color:#64748b;margin-bottom:4px}.admSellerInfoBox__fieldValue{font-weight:600}.admPayoutSummary{padding:0 4px 8px}.admPayoutSummary__row{justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.admPayoutSummary__rowLabel{color:#64748b}.admPayoutSummary__rowValue{font-weight:600}.admPayoutSummary__rowValue--amber{color:#f59e0b}.admPayoutSummary__total{border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:6px;padding-top:10px;display:flex}.admPayoutSummary__totalLabel{color:#1e293b;font-size:16px;font-weight:800}.admPayoutSummary__totalValue{color:#22b14c;font-size:20px;font-weight:900}.admModalWarning{color:#92400e;background:#fff8e1;border:1px solid #ffe082;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.admConfirmPayBtn{background:#22b14c;border-radius:10px;padding:10px 20px}.admHistoryDate{color:#64748b}.boTradeToggle{color:#e6e6e6;width:100%;font-weight:500;font-size:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-bottom-width:0;border-radius:10px;align-items:center;gap:14px;padding:12px 10px;transition:all .18s;display:flex}.boTradeToggle.active{color:#fff;background:0 0;font-weight:700}.boTradeToggle:hover{background:0 0}.boTradeToggle__icon{width:30px;height:30px}.boTradeToggle__label{flex:1}.boTradeToggle__chevron{width:20px;height:20px}.boTradeSubmenu{padding:8px 0 2px 18px}.boItem--sub{border-bottom-color:#ffffff1f;padding-left:10px;font-size:.95em}.boItem--sub__icon{width:24px;height:24px}.admOrderInner{max-width:1320px;margin:0 auto}.admOrderMetaRow{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.admOrderSubhead{color:#64748b;letter-spacing:.01em;margin:0;font-size:15px;font-weight:500}.admOrderDatePill{color:#1e40af;background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border:1px solid #5285e859;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 2px 10px #1e40af14}.admStatGrid5--order{margin-bottom:22px}@media (max-width:1100px){.admStatGrid5--order{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.admStatGrid5--order{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.admStatGrid5--order{grid-template-columns:1fr}}.admStatTile{background:linear-gradient(165deg,#fff 0%,#f8fafc 55%,#f1f5f9 100%);border:1px solid #94a3b838;border-radius:16px;padding:16px 18px 18px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 8px 28px #0f172a12}.admStatTile:before{content:"";background:var(--adm-stat-accent,#5285e8);border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.admStatTile:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fffffff2,0 14px 36px #1e40af1f}.admStatTile--blue{--adm-stat-accent:#3b82f6}.admStatTile--amber{--adm-stat-accent:#f59e0b}.admStatTile--cyan{--adm-stat-accent:#06b6d4}.admStatTile--green{--adm-stat-accent:#22c55e}.admStatTile--rose{--adm-stat-accent:#f43f5e}.admStatTile__top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.admStatTile__iconWrap{border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.admStatTile--blue .admStatTile__iconWrap{color:#2563eb;background:#3b82f624}.admStatTile--amber .admStatTile__iconWrap{color:#d97706;background:#f59e0b29}.admStatTile--cyan .admStatTile__iconWrap{color:#0891b2;background:#06b6d424}.admStatTile--green .admStatTile__iconWrap{color:#16a34a;background:#22c55e24}.admStatTile--rose .admStatTile__iconWrap{color:#e11d48;background:#f43f5e1f}.admStatTile__icon{font-size:24px}.admStatTile__label{color:#64748b;letter-spacing:.02em;margin-bottom:6px;font-size:13px;font-weight:700}.admStatTile__num{color:#0f172a;letter-spacing:-.03em;font-size:36px;font-weight:800;line-height:1.05}.admOrderCard--elevated{background:#fff;border:1px solid #5285e833;border-radius:18px;overflow:hidden;box-shadow:0 4px 6px #0f172a08,0 18px 40px #0f172a12}.admOrderToolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:4px 0 8px;display:flex}.admSearch--order{flex:1;min-width:180px;max-width:280px}.admSearch--order input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px;font-size:14px;transition:border-color .15s,background .15s}.admSearch--order input:focus{background:#fff;border-color:#5285e8;outline:none;box-shadow:0 0 0 3px #5285e826}.admSearch--order .admSearchBtn{border-radius:12px}.admOrderLoading{color:#64748b;justify-content:center;align-items:center;gap:10px;padding:48px 24px;font-size:15px;font-weight:600;display:flex}.admOrderEmpty{text-align:center;color:#94a3b8;font-size:15px;font-weight:500;padding:48px 24px!important}.admOrderNoCell{color:#2563eb;letter-spacing:.02em;font-size:13px;font-weight:800}.admOrderProductCell{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;display:block;overflow:hidden}.admOrderNameCell{color:#334155;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;display:block;overflow:hidden}.admOrderMoney{color:#0f172a;font-variant-numeric:tabular-nums;font-weight:700}.admOrderFee{color:#d97706;font-variant-numeric:tabular-nums;font-weight:700}.admOrderNet{color:#16a34a;font-variant-numeric:tabular-nums;font-weight:700}.admOrderBadge{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.admActionsCell--stack{flex-direction:column;align-items:center;gap:6px}.admOrderActionBtn{cursor:pointer;border:none;border-radius:10px;min-width:96px;padding:7px 12px;font-size:12px;font-weight:600;transition:filter .15s,transform .1s}.admOrderActionBtn:hover{filter:brightness(1.06)}.admOrderActionBtn:active{transform:scale(.98)}.admOrderModal{border-radius:20px;width:820px;max-width:95vw;max-height:90vh;padding:4px 4px 8px;overflow-y:auto}.admOrderModal__head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.admOrderModal__title{color:#0f172a;margin:0;font-size:22px;font-weight:800}.admOrderModal__sub{color:#64748b;margin-top:4px;font-size:14px}.admOrderPanelGrid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}@media (max-width:640px){.admOrderPanelGrid{grid-template-columns:1fr}}.admOrderPanel{background:linear-gradient(#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px}.admOrderPanel__k{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:11px;font-weight:700}.admOrderPanel__v{color:#0f172a;font-size:15px;font-weight:700}.admOrderPanel__muted{color:#64748b;margin-top:4px;font-size:13px;line-height:1.5}.admOrderItemsHead{color:#475569;margin-bottom:10px;font-size:13px;font-weight:700}.admOrderItemsTable table{border-collapse:collapse;width:100%;font-size:14px}.admOrderItemsTable thead tr{background:linear-gradient(90deg,#eff6ff 0%,#e0f2fe 100%)}.admOrderItemsTable th{text-align:left;color:#1e3a8a;padding:10px 14px;font-size:13px;font-weight:700}.admOrderItemsTable td{border-top:1px solid #f1f5f9;padding:10px 14px}.admOrderItemsTable tbody tr:nth-child(2n){background:#fafbfc}.admOrderFinance{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:14px;margin-top:4px;padding:16px 18px}.admOrderFinance__title{color:#64748b;margin-bottom:12px;font-size:13px;font-weight:700}.admOrderFinance__row{color:#475569;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.admOrderFinance__row--fee{color:#d97706}.admOrderFinance__total{border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:6px;padding-top:10px;font-size:16px;display:flex}.admOrderFinance__totalLabel{color:#0f172a;font-weight:800}.admOrderFinance__totalValue{color:#16a34a;font-weight:900}.boDonutCard__legendCount{color:#64748b;white-space:nowrap;margin-left:auto;font-size:12px}.boProjectStatusGrid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.boProjectStatusBtn{border:1px solid var(--status-border);background:var(--status-bg);color:#1e293b;text-align:left;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-width:0;padding:10px 12px;transition:transform .15s,box-shadow .15s,filter .15s;display:grid}.boProjectStatusBtn:hover{filter:brightness(1.01);transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.boProjectStatusBtn__icon{width:34px;height:34px;color:var(--status-color);background:#fff;border-radius:10px;place-items:center;font-size:19px;display:grid}.boProjectStatusBtn__body{gap:1px;min-width:0;display:grid}.boProjectStatusBtn__label{color:#64748b;font-size:12px;font-weight:700}.boProjectStatusBtn__body strong{color:var(--status-color);font-size:24px;font-weight:900;line-height:1}.boProjectStatusBtn__view{color:var(--status-color);white-space:nowrap;align-items:center;gap:1px;font-size:12px;font-weight:800;display:inline-flex}.boProjectModalOverlay{z-index:3000;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.boProjectModal{background:#fff;border-radius:18px;flex-direction:column;width:min(920px,96vw);max-height:min(760px,90vh);display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a3d}.boProjectModal__header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.boProjectModal__titleWrap{align-items:center;gap:12px;min-width:0;display:flex}.boProjectModal__icon{border:1px solid;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.boProjectModal__title{color:#0f172a;font-size:18px;font-weight:900}.boProjectModal__sub{color:#64748b;margin-top:2px;font-size:12px}.boProjectModal__close{background:0 0;border:none;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.boProjectModal__close:hover{color:#fff;background:0 0;border:none}.boShell .boProjectModal__close:hover,.boProjectModal__close:hover{color:#fff;background:0 0!important;transform:none!important}.boProjectModal__state{color:#94a3b8;text-align:center;border:1px dashed #cbd5e1;border-radius:14px;place-items:center;min-height:180px;margin:22px;padding:20px;font-size:14px;display:grid}.boProjectModal__state--error{color:#dc2626;background:#fef2f2;border-color:#fecaca;gap:12px}.boProjectModal__state--error button{color:#fff;background:#dc2626;border:none;border-radius:10px;padding:7px 14px;font-weight:800}.boProjectModal__list{gap:12px;padding:16px 18px 20px;display:grid;overflow-y:auto}.boProjectModalItem{border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:82px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.boProjectModalItem:hover{background:#f8fafc}.boProjectModalItem__thumb{color:#94a3b8;background:#f1f5f9;border-radius:11px;place-items:center;width:82px;height:68px;font-size:24px;display:grid;overflow:hidden}.boProjectModalItem__thumb img{object-fit:cover;width:100%;height:100%}.boProjectModalItem__main{min-width:0}.boProjectModalItem__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.boProjectModalItem__title{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.35;overflow:hidden}.boProjectModalItem__school{color:#64748b;align-items:center;gap:5px;min-width:0;margin-top:4px;font-size:12px;display:flex}.boProjectModalItem__badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.boProjectModalItem__meta{color:#64748b;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;display:flex}.boProjectModalItem__bar{background:#e2e8f0;border-radius:999px;height:6px;margin-top:9px;overflow:hidden}.boProjectModalItem__bar span{border-radius:inherit;height:100%;display:block}.boProjectModalItem__link{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;align-items:center;gap:5px;padding:8px 11px;font-size:12px;font-weight:800;display:inline-flex}.boProjectModalItem__link:hover{background:#dbeafe}.boProvinceDemand__header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.boProvinceDemand__iconWrap{color:#1d4ed8;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.boProvinceDemand__title{color:#1e293b;font-size:15px;font-weight:700}.boProvinceDemand__sub{color:#94a3b8;margin-top:2px;font-size:11px}.boProvinceDemand__regionGrid{border-bottom:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;padding-bottom:14px;display:grid}.boProvinceDemand__regionStat{border:1px solid;border-radius:10px;justify-content:space-between;align-items:center;padding:7px 12px;font-size:12px;font-weight:700;display:flex}.boProvinceDemand__regionStat strong{font-size:13px;font-weight:800}.boProvinceDemand__regionStat small{opacity:.75;font-size:10px;font-weight:500}.boProvinceDemand__empty{color:#94a3b8;text-align:center;padding:20px 12px;font-size:13px}.boProvinceDemand__filterLabel{color:#64748b;align-items:center;gap:5px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.boProvinceDemand__filters{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.boProvinceDemand__filterBtn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.boProvinceDemand__filterBtn:hover{background:#f1f5f9}.boProvinceDemand__filterBtn.is-active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.boProvinceDemand__filterCount{background:#ffffff40;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.boProvinceDemand__filterBtn:not(.is-active) .boProvinceDemand__filterCount{color:#64748b;background:#e2e8f0}.boProvinceDemand__listHint{color:#64748b;margin-bottom:10px;font-size:12px}.boProvinceDemand__list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;max-height:min(520px,58vh);padding-right:4px;display:flex;overflow:hidden auto}.boProvinceCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0}.boProvinceCard:not(.is-expanded){overflow:hidden}.boProvinceCard.is-expanded{border-color:#93c5fd;overflow:visible;box-shadow:0 4px 14px #1d4ed814}.boProvinceCard__row{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;display:flex}.boProvinceCard__row:hover{background:#f8fafc}.boProvinceCard__rank{color:#64748b;background:#f1f5f9;border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.boProvinceCard__rank.is-top{color:#1d4ed8;background:#dbeafe}.boProvinceCard__main{flex:1;min-width:0}.boProvinceCard__titleRow{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.boProvinceCard__name{color:#0f172a;font-size:14px;font-weight:700}.boProvinceCard__region{border:1px solid;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.boProvinceCard__bar{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.boProvinceCard__bar span{border-radius:999px;height:100%;transition:width .4s;display:block}.boProvinceCard__stat{text-align:right;flex-shrink:0;min-width:88px}.boProvinceCard__stat strong{color:#1d4ed8;font-size:15px;font-weight:800;line-height:1.1;display:block}.boProvinceCard__stat span{color:#94a3b8;font-size:10px;display:block}.boProvinceCard__stat em{color:#16a34a;margin-top:2px;font-size:10px;font-style:normal;font-weight:600;display:block}.boProvinceCard__chev{color:#94a3b8;flex-shrink:0;font-size:18px}.boProvinceCard__detail{background:#f8faff;border-top:1px solid #e0e7ff;padding:12px 14px 14px}.boProvinceCard__section+.boProvinceCard__section{margin-top:12px}.boProvinceCard__sectionTitle{color:#64748b;align-items:center;gap:4px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.boProvinceCard__tags{flex-wrap:wrap;gap:6px;display:flex}.boProvinceCard__tag{color:#0369a1;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.boProvinceCard__tag b{font-weight:800}.boProvinceCard__tag.is-primary{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.boProvinceCard__noProject{color:#94a3b8;margin:0;font-size:12px}.boProvinceCard__projects{flex-direction:column;gap:6px;display:flex}.boProvinceCard__project{background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:8px 10px}.boProvinceCard__projectTop{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.boProvinceCard__projectText{min-width:0}.boProvinceCard__projectText strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:12px;display:block;overflow:hidden}.boProvinceCard__projectText span{color:#64748b;margin-top:2px;font-size:11px;display:block}.boProvinceCard__projectPct{color:#16a34a;background:#f0fdf4;border:1px solid #86efac;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.boProvinceCard__projectBar{background:#e2e8f0;border-radius:999px;height:5px;margin-top:6px;overflow:hidden}.boProvinceCard__projectBar span{background:#3b82f6;border-radius:999px;height:100%;display:block}.boProvinceCard__viewAll{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:8px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.boProvinceCard__viewAll:hover{background:#dbeafe}.boProvinceCard__campaign{color:#fff;cursor:pointer;background:linear-gradient(90deg,#1d4ed8,#2563eb);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:filter .15s,opacity .15s;display:flex}.boProvinceCard__campaign:hover{filter:brightness(1.08);opacity:.92;opacity:1!important;visibility:visible!important;color:#fff!important;background:linear-gradient(90deg,#1d4ed8,#2563eb)!important;transform:none!important}.boProvinceProjectsModal .boProjectModal__list{max-height:min(520px,55vh)}@media (max-width:860px){.boProjectStatusGrid,.boProjectModalItem,.boProvinceDemand__regionGrid{grid-template-columns:1fr}.boProvinceCard__stat{min-width:72px}.boProvinceCard__projectText strong{max-width:180px}.boProjectStatusBtn{grid-template-columns:34px 1fr auto}.boProjectModalItem__thumb{width:100%;height:150px}.boProjectModalItem__link{justify-content:center}}@media (max-width:1180px){.boStatGrid5{grid-template-columns:repeat(3,minmax(0,1fr))}.boChartRow{grid-template-columns:minmax(0,1fr)}.boInsightGrid{grid-template-columns:minmax(0,1fr)!important}.admPayoutTableWrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.admPayoutTable,.admPayoutTable--history{min-width:980px}}@media (max-width:1100px){.admStatGrid5--order{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:800px){.boPageInner{padding:16px 4px}.boStatGrid5,.boRevGrid3,.admPayoutStatGrid3{grid-template-columns:repeat(2,minmax(0,1fr))}.boStatColorCard__value{font-size:36px}.boRevCard__value,.admPayoutStatCard__value{font-size:26px}.boDonutCard__inner{flex-wrap:wrap}.admStatusTabs,.admPayoutPeriodTabs,.boPeriodTabs{-webkit-overflow-scrolling:touch;max-width:100%;padding-bottom:4px;overflow-x:auto}.admStatusTab,.boPeriodTab{flex:none}.admPayoutPanel__head{padding:14px}.admStatGrid5--order{grid-template-columns:repeat(2,minmax(0,1fr))!important}.boTimeFilter{padding:14px!important}.boTimeFilter__chips{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;width:100%;padding:2px 0 7px;overflow-x:auto;flex-wrap:nowrap!important}.boTimeFilter__chips>button{scroll-snap-align:start;flex:none}.boTimeFilter__custom{flex-direction:column;align-items:stretch!important}.boTimeFilter__custom>div{width:100%}.boTimeFilter__custom input{width:100%;min-height:42px}}@media (max-width:560px){.boStatGrid5,.admPayoutStatGrid3,.admStatGrid5--order{grid-template-columns:repeat(2,minmax(0,1fr))!important}.boRevGrid3{grid-template-columns:1fr}.boStatGrid5>:last-child,.admPayoutStatGrid3>:last-child,.admStatGrid5--order>:last-child{grid-column:1/-1}.boStatColorCard{text-align:left;grid-template-columns:auto 1fr;grid-template-areas:"icon label""icon value""change change";align-items:center;padding:14px 16px}.boStatColorCard__iconWrap{grid-area:icon;margin:0}.boStatColorCard__label{grid-area:label}.boStatColorCard__value{grid-area:value;font-size:32px}.boStatColorCard__change{grid-area:change}.boChartCard,.boPendingCard,.boDonutCard,.boRevCard{padding:16px 14px}.boChartCard .recharts-wrapper{font-size:11px}.admCardHeader,.admCardControls,.admSearch--order,.admPayAllBtn{width:100%;max-width:none}.admPager{gap:10px;margin-inline:4px}.admPagerNums{justify-content:center;width:100%;overflow-x:auto}.admPagerBtns{width:100%;margin-left:0}.admPagerBtn{flex:1;min-width:0;padding-inline:10px}.admModalOverlay{padding:14px}.admModal,.admOrderModal{width:100%;max-width:100%;max-height:calc(100dvh - 28px);padding:18px 16px;overflow-y:auto}.admModalActions{flex-wrap:wrap}.admModalActions>button{flex:1}}@media (max-width:800px){.admDonationPage,.admWrongItemPage{padding:0!important}.admDonationStats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admDonationDetailToolbar{flex-direction:column;gap:12px;align-items:flex-start!important}.admWrongItemMainTabs{-webkit-overflow-scrolling:touch;padding-bottom:5px;overflow-x:auto;flex-wrap:nowrap!important}.admWrongItemMainTabs>*{flex-shrink:0}.admWrongItemFilters{overflow:visible;display:block!important}.admWrongItemSearch{width:100%;min-height:44px;margin-bottom:10px}.admWrongItemFilterDivider{display:none}.admWrongItemFilterTabs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:8px;width:100%;padding-bottom:6px;display:flex;overflow-x:auto}.admWrongItemFilterTabs>button{scroll-snap-align:start;flex:none}.admWrongItemDonorRow{flex-wrap:wrap}.admWrongItemActions{flex-wrap:wrap;justify-content:flex-end;width:100%}.admWrongItemProfileStats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:520px){.admDonationStats{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:18px!important}.admDonationSchoolCard{align-items:flex-start}.admWrongItemStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;display:grid!important}.admWrongItemStats>div{text-align:center;min-width:0;padding:12px 7px!important;display:block!important}.admWrongItemStats>div>div:first-child{margin:0 auto 7px;width:34px!important;height:34px!important}.admWrongItemStats>div>div:last-child>div:first-child{font-size:23px!important}.admWrongItemActions>button{flex:1;justify-content:center;min-width:42px}.admWrongItemCase{padding:14px 12px!important}.boDonutCard__inner{align-items:flex-start;gap:14px}.boDonutCard__legend{width:100%}.boProvinceCard__row{gap:7px;padding:10px}.boProvinceCard__stat{min-width:58px}.boProvinceCard__region{white-space:normal;text-align:center;max-width:82px}}@media (max-width:360px){.boStatGrid5,.admPayoutStatGrid3,.admStatGrid5--order{grid-template-columns:1fr!important}.boStatGrid5>:last-child,.admPayoutStatGrid3>:last-child,.admStatGrid5--order>:last-child{grid-column:auto}}.admOrderPage .admOrderCard .admTable{table-layout:fixed}.admOrderPage .admOrderCard .admTable th:first-child,.admOrderPage .admOrderCard .admTable td:first-child{width:12%}.admOrderPage .admOrderCard .admTable th:nth-child(2),.admOrderPage .admOrderCard .admTable td:nth-child(2){width:23%}.admOrderPage .admOrderCard .admTable th:nth-child(3),.admOrderPage .admOrderCard .admTable td:nth-child(3){width:18%}.admOrderPage .admOrderCard .admTable th:nth-child(4),.admOrderPage .admOrderCard .admTable td:nth-child(4),.admOrderPage .admOrderCard .admTable th:nth-child(5),.admOrderPage .admOrderCard .admTable td:nth-child(5),.admOrderPage .admOrderCard .admTable th:nth-child(6),.admOrderPage .admOrderCard .admTable td:nth-child(6){width:12%}.admOrderPage .admOrderCard .admTable th:nth-child(7),.admOrderPage .admOrderCard .admTable td:nth-child(7){width:11%}@media (max-width:820px){.admTableWrap,.admPayoutTableWrap,.admDonationTableWrap{box-shadow:none;background:0 0;overflow:visible}.admTable,.admOrderCard .admTable,.admPayoutTable,.admPayoutTable--history,.admDonationTable{table-layout:auto;background:0 0;display:block;width:100%!important;min-width:0!important}.admPayoutTable colgroup,.admTable thead,.admPayoutTable thead,.admDonationTable thead{display:none}.admTable tbody,.admPayoutTable tbody,.admDonationTable tbody{gap:12px;width:100%;display:grid}.admTable tbody tr,.admPayoutTable tbody tr,.admDonationTable tbody tr{border:1px solid #dbe3ef;border-radius:14px;width:100%;display:block;overflow:hidden;box-shadow:0 3px 12px #0f172a0d;background:#fff!important}.admTable tbody td,.admPayoutTable tbody td,.admDonationTable tbody td{border-bottom:1px solid #f1f5f9;grid-template-columns:minmax(92px,34%) minmax(0,1fr);align-items:start;gap:10px;min-height:42px;display:grid;text-align:left!important;white-space:normal!important;width:100%!important;padding:10px 13px!important;overflow:visible!important}.admTable tbody td:last-child,.admPayoutTable tbody td:last-child,.admDonationTable tbody td:last-child{border-bottom:0}.admTable tbody td:before,.admPayoutTable tbody td:before,.admDonationTable tbody td:before{color:#64748b;font-size:11px;font-weight:700;line-height:1.45}.admCard:not(.admOrderCard) .admTable td:first-child:before{content:"โรงเรียน"}.admCard:not(.admOrderCard) .admTable td:nth-child(2):before{content:"ผู้ดูแลโรงเรียน"}.admCard:not(.admOrderCard) .admTable td:nth-child(3):before{content:"ข้อมูลติดต่อ"}.admCard:not(.admOrderCard) .admTable td:nth-child(4):before{content:"ที่อยู่"}.admCard:not(.admOrderCard) .admTable td:nth-child(5):before{content:"เอกสาร"}.admCard:not(.admOrderCard) .admTable td:nth-child(6):before{content:"สถานะ"}.admCard:not(.admOrderCard) .admTable td:nth-child(7):before{content:"จัดการ"}.admOrderCard .admTable td:first-child:before{content:"รหัส"}.admOrderCard .admTable td:nth-child(2):before{content:"สินค้า"}.admOrderCard .admTable td:nth-child(3):before{content:"ผู้ซื้อ / ผู้ขาย"}.admOrderCard .admTable td:nth-child(4):before{content:"ยอดรวม"}.admOrderCard .admTable td:nth-child(5):before{content:"ชำระเงิน"}.admOrderCard .admTable td:nth-child(6):before{content:"สถานะ"}.admOrderCard .admTable td:nth-child(7):before{content:"จัดการ"}.admPayoutTable:not(.admPayoutTable--history) td:first-child:before{content:"ผู้ขายและบัญชี"}.admPayoutTable:not(.admPayoutTable--history) td:nth-child(2):before{content:"ออเดอร์"}.admPayoutTable:not(.admPayoutTable--history) td:nth-child(3):before{content:"ราคาสินค้า"}.admPayoutTable:not(.admPayoutTable--history) td:nth-child(4):before{content:"ค่าจัดส่ง"}.admPayoutTable:not(.admPayoutTable--history) td:nth-child(5):before{content:"ค่าธรรมเนียม"}.admPayoutTable:not(.admPayoutTable--history) td:nth-child(6):before{content:"ยอดโอนสุทธิ"}.admPayoutTable:not(.admPayoutTable--history) td:nth-child(7):before{content:"สถานะ"}.admPayoutTable:not(.admPayoutTable--history) td:nth-child(8):before{content:"จัดการ"}.admPayoutTable--history td:first-child:before{content:"วันที่"}.admPayoutTable--history td:nth-child(2):before{content:"ผู้ขาย"}.admPayoutTable--history td:nth-child(3):before{content:"บัญชี"}.admPayoutTable--history td:nth-child(4):before{content:"ยอดโอน"}.admPayoutTable--history td:nth-child(5):before{content:"ค่าธรรมเนียม"}.admPayoutTable--history td:nth-child(6):before{content:"สถานะ"}.admPayoutTable--history td:nth-child(7):before{content:"รายละเอียด"}.admDonationTable td:first-child:before{content:"วันที่บริจาค"}.admDonationTable td:nth-child(2):before{content:"ผู้บริจาค"}.admDonationTable td:nth-child(3):before{content:"การจัดส่ง"}.admDonationTable td:nth-child(4):before{content:"หลักฐาน"}.admDonationTable td:nth-child(5):before{content:"รายการ"}.admDonationTable td:nth-child(6):before{content:"สถานะ"}.admDonationTable td:nth-child(7):before{content:"จัดการ"}.admTable tbody td[colspan],.admPayoutTable tbody td[colspan],.admDonationTable tbody td[colspan]{display:block;text-align:center!important;padding:28px 16px!important}.admTable tbody td[colspan]:before,.admPayoutTable tbody td[colspan]:before,.admDonationTable tbody td[colspan]:before{content:none!important}.admActionsCell,.admActionsCell--stack,.admPayoutActionRow{justify-content:flex-start;align-items:stretch}.admOrderActionBtn,.admPayoutBtn{min-height:40px}}@media (max-width:600px){.boProjectModalOverlay{align-items:flex-end;padding:8px}.boProjectModal{border-radius:16px 16px 10px 10px;width:100%;max-width:100%;max-height:calc(100dvh - 16px)}.boProjectModal__header{padding:14px}.boProjectModal__title{font-size:16px}.boProjectModal__sub{line-height:1.45}.boProjectModal__list{padding:12px}.boProjectModalItem{padding:10px}.boProjectModalItem__top{flex-wrap:wrap}.boProjectModalItem__title{white-space:normal}}.sdOverlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.sdModal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:980px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000040}.sdHead{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;display:flex}.sdTitleWrap{flex:1;min-width:0}.sdTitle{font-size:20px;font-weight:600}.sdSub{color:#666;margin-top:4px;font-size:14px}.sdHeadActions{flex-shrink:0;align-items:center;gap:6px;display:flex}.sdIconBtn{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background .2s;display:flex}.sdIconBtn:hover{background:#f3f4f6!important;transform:none!important}.sdBody{padding:24px;overflow-y:auto}.sdGrid{grid-template-columns:260px 1fr;gap:28px;display:grid}@media (max-width:900px){.sdGrid{grid-template-columns:1fr}}.sdLogoCard{text-align:center;background:#f9fafc;border-radius:14px;padding:20px}.sdLogoImg{object-fit:contain;width:100%;max-height:220px;margin-top:12px}.sdLogoEmpty{color:#aaa;padding:40px 0}.sdInfoCard{background:#fdfdfd;border:1px solid #eee;border-radius:14px;padding:20px 24px}.sdSectionTitle{color:#333;margin-bottom:10px;font-size:15px;font-weight:600}.sdInfoRow{grid-template-columns:160px 1fr;align-items:center;gap:16px;margin-bottom:14px;display:grid}.sdKey{color:#666;font-size:14px}.sdVal{color:#222;font-size:14px}.sdVal--pre{white-space:pre-wrap}.sdLink{color:#1e90ff;font-weight:600;text-decoration:underline}.sdInput,.sdInputTitle,.sdInputMini,.sdTextarea{border:1px solid #ddd;border-radius:8px;width:100%;padding:8px 10px;font-size:14px;transition:all .2s}.sdInput:focus,.sdInputTitle:focus,.sdInputMini:focus,.sdTextarea:focus{border-color:#4f86e6;outline:none;box-shadow:0 0 0 2px #4f86e626}.sdTextarea{resize:vertical}.sdFooter{border-top:1px solid #eee;justify-content:flex-end;align-items:center;padding:18px 24px;display:flex}.sdBtn{cursor:pointer;background:#f0f2f5;border:none;border-radius:8px;padding:8px 18px;font-size:14px;transition:background .2s}.sdBtn:hover{background:#e3e6ea!important;transform:none!important}.sdBtn--ok{color:#fff;background:#4caf50}.sdBtn--ok:hover{background:#43a047!important;transform:none!important}.sdBtn--bad{color:#fff;background:#e53935}.sdBtn--bad:hover{background:#c62828!important;transform:none!important}.sdBtn--warn{color:#fff;background:#f59e0b}.sdBtn--warn:hover{background:#d97706!important;transform:none!important}.sdFooterRight{gap:10px;display:flex}.sdBadge{border-radius:20px;padding:4px 10px;font-size:12px}.sdBadge--ok{color:#1b8f4e;background:#e6f7ed}.sdBadge--bad{color:#c62828;background:#fde8e8}.sdBadge--wait{color:#d97706;background:#fff4e5}.sdBadge--suspended{color:#475569;background:#f1f5f9}.sdInlineError{color:#c62828;background:#fde8e8;border-radius:8px;margin:12px 24px 0;padding:10px 14px;font-size:13px}@media (max-width:640px){.sdOverlay{align-items:flex-end;padding:10px}.sdModal{border-radius:16px 16px 10px 10px;max-height:calc(100dvh - 20px)}.sdHead,.sdBody,.sdFooter{padding:16px}.sdHead{gap:10px}.sdTitle{font-size:18px}.sdInfoCard,.sdLogoCard{padding:16px}.sdInfoRow{border-bottom:1px solid #f1f5f9;grid-template-columns:1fr;gap:5px;padding-bottom:12px}.sdFooterRight{flex-wrap:wrap;width:100%}.sdFooterRight .sdBtn{flex:1}}.admPage{background:#f6f7fb;min-height:100vh;display:flex}.admSide{color:#fff;background:#4f86e6;width:280px;padding:24px 18px}.admBrand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.admLogo{letter-spacing:.3px;font-size:28px;font-weight:800}.admMenu{margin-top:12px}.admMenuItem{opacity:.9;border-radius:12px;align-items:center;gap:12px;padding:14px 12px;display:flex}.admMenuItem.active{opacity:1;background:#ffffff24}.admIcon{background:#ffffff2e;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.admMain{flex:1;padding:24px 28px}.admTop{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:18px;display:flex;box-shadow:0 6px 18px #1018280f}.admTitle{color:#0f2a3d;font-size:28px;font-weight:800}.admMe{color:#0f2a3d;align-items:center;gap:10px;font-weight:600;display:flex}.admUserIcon{font-size:18px}.admStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:14px 0 18px;display:grid}.admStatCard{background:#fff;border:1px solid #e9ecf2;border-radius:14px;padding:10px 16px}.admStatLabel{color:#68748a;font-size:16px;font-weight:600}.admStatNum{color:#2e6be6;margin-top:10px;font-size:50px;font-weight:900;line-height:1}.admStatSub{color:#68748a;text-align:end;margin-top:4px}.admStatWarn{background:#fff8d8}.admStatWarn .admStatNum{color:#f1aa00}.admStatOk{background:#dbffe6}.admStatOk .admStatNum{color:#22b14c}.admFilters{flex-wrap:wrap;align-items:center;gap:18px;margin:30px 0 20px;display:flex}.admSearch{background:#fff;border:1px solid #e5e7eb;border-radius:9px;outline:none;align-items:center;width:100%;max-width:320px;display:flex;overflow:hidden}.admSearch:focus-within{box-shadow:none;border-color:#e5e7eb;outline:none}.admSearch input{background:0 0;border:0;flex:1;min-width:0;padding:10px 14px;font-size:14px;box-shadow:none!important;outline:none!important}.admSearch input::placeholder{color:#94a3b8;opacity:1;font-weight:400}.admSearchBtn{color:#fff;cursor:pointer;background:#3b82f6;border:0;border-radius:9px;justify-content:center;align-items:center;margin:0;padding:10px 12px;transition:all .2s;display:flex}.admSearchBtn:hover{background:#2563eb!important;transform:none!important}.admFilterRow{flex-wrap:wrap;gap:12px;display:flex}.admSelect{color:#334155;cursor:pointer;appearance:none;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%233b82f6' d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6z'/%3E%3C/svg%3E") right 10px center/20px no-repeat;border:1px solid #4f86e6;border-radius:9px;outline:0;min-width:160px;padding:10px 14px;font-size:14px}.admSelect:hover{border-color:#cbd5e1}.admSelect:focus{border-color:#3b82f6}.admBtnPrimary{color:#fff;background:#5aa6ff}.admBtnApprove{color:#fff;background:#2e6be6}.admBtnDanger{color:#fff;background:#e03131}.admBtnout{color:#fff;background:#ffbc37}.admBtnSmall{border-radius:10px;padding:8px 19px;font-size:14px}.admBtnSmall:hover{color:#2e6be6;background:#fff;border:1px solid #2e6be6;transform:translateY(-1px)}.admBtnSmall:active{filter:brightness(.9)}.admCard{background:#fff;border:1px solid #e9ecf2;border-radius:14px;width:100%;padding:10px 5px;box-shadow:0 6px 10px #1018280f}.admTableWrap{background:#fff;border-radius:12px;width:100%;margin-top:0;overflow-x:auto;box-shadow:0 4px 15px #0000000d}.admTable{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}.admTable thead th:first-child,.admTable tbody td:first-child{width:22%;overflow:visible}.admTable thead th:nth-child(2),.admTable tbody td:nth-child(2){width:18%}.admTable thead th:nth-child(3),.admTable tbody td:nth-child(3){width:12%}.admTable thead th:nth-child(4),.admTable tbody td:nth-child(4){width:16%}.admTable thead th:nth-child(5),.admTable tbody td:nth-child(5),.admTable thead th:nth-child(6),.admTable tbody td:nth-child(6){width:12%}.admTable thead th:nth-child(7),.admTable tbody td:nth-child(7){text-align:center;white-space:nowrap;width:12%}.admOrderCard .admTable{table-layout:fixed}.admOrderCard .admTable thead th:first-child,.admOrderCard .admTable tbody td:first-child{width:9%;padding-left:14px}.admOrderCard .admTable thead th:nth-child(2),.admOrderCard .admTable tbody td:nth-child(2){width:20%}.admOrderCard .admTable thead th:nth-child(3),.admOrderCard .admTable tbody td:nth-child(3),.admOrderCard .admTable thead th:nth-child(4),.admOrderCard .admTable tbody td:nth-child(4){width:12%}.admOrderCard .admTable thead th:nth-child(5),.admOrderCard .admTable tbody td:nth-child(5){text-align:right;width:9%}.admOrderCard .admTable thead th:nth-child(6),.admOrderCard .admTable tbody td:nth-child(6),.admOrderCard .admTable thead th:nth-child(7),.admOrderCard .admTable tbody td:nth-child(7){text-align:right;width:10%}.admOrderCard .admTable thead th:nth-child(8),.admOrderCard .admTable tbody td:nth-child(8){text-align:center;width:10%}.admOrderCard .admTable thead th:nth-child(9),.admOrderCard .admTable tbody td:nth-child(9){text-align:center;width:8%}.admTable thead th{color:#fff;text-align:left;white-space:nowrap;background:#3b82f6;border-bottom:2px solid #edf2f7;height:56px;padding:0 16px;font-size:14px;font-weight:600}.admTable thead th:first-child{border-top-left-radius:12px}.admTable thead th:last-child{border-top-right-radius:12px}.admTable tbody td{vertical-align:top;color:#334155;padding:14px 16px;font-size:14px;overflow:hidden}.admTable tbody tr:nth-child(2n),.admTable tbody tr:nth-child(odd){border-bottom:1px solid #0000000f}.admTable tbody tr:hover{background:#f1f7ff;transition:background .2s}.admTdStrong{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:600;display:block;overflow:hidden}.admSmallMuted{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.admCol{flex-direction:column;gap:4px;min-width:0;margin-left:5px;display:flex}.admClamp{-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;word-break:break-word;-webkit-box-orient:vertical;min-width:150px;line-height:1.4;display:-webkit-box;overflow:hidden}.admDocBtn{color:#0f2a3d;white-space:nowrap;background:#f1f3f5;border:1px solid #e9ecef;border-radius:10px;gap:8px;width:100%;padding:8px 9px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.admDocBtn:hover{background:#eff6ff;border-color:#3b82f6;transform:none}.admBadge{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.admPending{color:#b07900;background:#fff4cc;border-color:#ffe08a;font-weight:500}.admApproved{color:#1f7a3a;background:#d3ffe0;border-color:#8ce8a8;font-weight:500}.admRejected{color:#c92a2a;background:#ffe3e3;border-color:#ffc9c9;font-weight:500}.admSuspended{color:#475569;background:#f1f5f9;border-color:#cbd5e1;font-weight:500}.admPager{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:18px 20px 30px;display:flex}.admPagerNums{align-items:center;gap:8px;display:flex}.admPageNum{cursor:pointer;background:#fff;border:1px solid #d8dbe2;border-radius:10px;min-width:34px;height:34px;padding:0 10px;font-weight:600}.admPageNum.active{border-color:#4f86e6;box-shadow:0 0 0 3px #4f86e626}.admPagerBtns{gap:10px;margin-left:auto;display:flex}.admPagerBtn{cursor:pointer;background:#fff;border:1px solid #d8dbe2;border-radius:10px;min-width:84px;height:34px;padding:0 20px 3px;font-weight:600}.admPagerBtn:disabled{opacity:.5;cursor:not-allowed}.admModalOverlay{z-index:3000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admModal{background:#fff;border-radius:16px;width:380px;padding:24px;animation:.2s fadeIn;box-shadow:0 10px 30px #00000026}.admModal h3{margin-bottom:12px}.admModal textarea{resize:none;border:1px solid #ddd;border-radius:10px;width:100%;margin-bottom:14px;padding:10px}.admModalActions{justify-content:flex-end;gap:10px;display:flex}.admToast{color:#fff;z-index:9999;border-radius:14px;align-items:center;gap:9px;max-width:360px;padding:13px 20px;font-size:14px;font-weight:700;animation:.2s fadeIn;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #00000038}.admToast.success{background:linear-gradient(135deg,#059669 0%,#10b981 100%)}.admToast.error{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%)}.admBtnPrimary{color:#fff;cursor:pointer;background:#4f86e6;border:none;border-radius:10px;padding:8px 14px}.admBtnPrimary:hover{background:#3a6fd4!important;transform:none!important}.admBtnDanger{color:#fff;cursor:pointer;background:#e54848;border:none;border-radius:10px;padding:8px 14px}.admBtnDanger:hover{background:#c62828!important;transform:none!important}.admBtnGhost{cursor:pointer;white-space:nowrap;background:#f3f4f6;border:none;border-radius:10px;min-width:110px;padding:8px 14px}.admBtnGhost:hover{background:#e5e7eb!important;transform:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sdOverlay{z-index:2000;position:fixed;inset:0}.btnGhost.admBtnMore:hover{background:#eff6ff;border-color:#3b82f6}@media (max-width:1024px){.admPage{width:100%;display:block}.admPage>.boMain{width:100%;padding:0}.admTableWrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.admTable{min-width:940px}.admOrderCard .admTable{min-width:1080px}.admStats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.admStats{grid-template-columns:1fr;gap:10px}.admStatCard{grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:14px 16px;display:grid}.admStatNum{grid-area:1/2/span 2;margin-top:0;font-size:38px}.admStatSub{text-align:left}.admFilters,.admFilterRow,.admSearch,.admSelect{width:100%;max-width:none}.admFilters{gap:10px;margin:18px 0 14px}.admFilterRow{flex-direction:column}.admToast{max-width:none;bottom:14px;left:14px;right:14px}}.pdTopStrip{background:#87c7eb;width:100vw;height:20px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.pdWrapper{max-width:1100px;margin:40px auto 60px;padding:0 20px}.pdHeroCard{background:#fff;border-radius:24px;grid-template-columns:420px 1fr;gap:40px;margin-bottom:40px;padding:32px;display:grid;box-shadow:0 8px 32px #00000017}.pdLeft{flex-direction:column;gap:16px;display:flex}.pdImgWrap{background:#faf0ca;border-radius:16px;width:100%;height:280px;overflow:hidden}.pdImgWrap img{object-fit:cover;width:100%;height:100%}.pdImgPlaceholder{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);width:100%;height:100%}.pdRight{flex-direction:column;gap:12px;display:flex}.pdRight svg{align-items:center;display:inline-flex}.pdBadge{color:#000;background:#ffd7c2;border-radius:999px;align-items:center;width:fit-content;padding:6px 16px;font-size:14px;font-weight:500;display:inline-flex}.pdSchoolName{color:#5285e8;margin:0;font-size:28px;font-weight:700;line-height:1.3}.pdTitle{color:#374151;margin:0;font-size:18px;font-weight:400}.pdLocation{color:#ffbe1b;align-items:center;gap:6px;font-size:15px;display:flex}.pdLocation span{color:#555}.pdDateRow{color:#374151;background:#fff8e1;border:1px solid #ffd54f;border-radius:10px;align-items:center;gap:6px;width:fit-content;padding:8px 14px;font-size:14px;display:flex}.pdDateLabel{color:#f59e0b;white-space:nowrap;font-weight:600}.pdClosedState{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.pdClosedEmoji{font-size:72px;line-height:1}.pdClosedTitle{color:#f59e0b;font-size:22px;font-weight:700}.pdClosedSub{color:#6b7280;font-size:14px}.pdQuote{color:#374151;background:#faf0ca;border-radius:20px;margin:4px 0;padding:14px 18px;font-size:18px;font-style:italic;line-height:1.7}.pdProgressLabel{color:#5285e8;margin-top:4px;font-size:20px;font-weight:900}.pdChannels{box-sizing:border-box;flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.pdChannel{box-sizing:border-box;cursor:pointer;color:#555;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-family:Kanit,sans-serif;font-size:14px;transition:all .18s;display:flex}.pdChannel:hover{box-sizing:border-box;border-color:#87c7eb}.pdChannel.pdChannelActive{color:#5285e8;box-sizing:border-box;background:#f3f4f6;border-color:#5285e8;font-weight:600}.pdChannel.pdChannelDisabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pdDonateBtn{color:#fff;cursor:pointer;box-sizing:border-box;background:#fc8d1f;border:none;border-radius:14px;width:100%;height:58px;margin-top:8px;font-family:Kanit,sans-serif;font-size:24px;font-weight:600}.pdDonateBtn:hover{background:#ffa850}.pdNote{text-align:center;color:#888;margin:0;font-size:13px}.pdTabs{box-sizing:border-box;background:#fff;gap:0;width:100%;margin-bottom:0;display:flex;box-shadow:0 1px #e5e7eb}.pdTab{color:#888;cursor:pointer;border:none;border-bottom:3px solid #0000;padding:12px 28px 10px;font-family:Kanit,sans-serif;font-size:20px;font-weight:500}.pdTabActive{color:#1d4ed8;border-bottom-color:#1d4ed8;border-radius:0}.pdTabLine{background:#e5e7eb;width:100%;height:1px;margin-bottom:36px}.pdDetailGrid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.pdDetailSectionTitle{color:#053f5c;align-items:center;gap:10px;margin-bottom:16px;font-size:20px;font-weight:600;display:flex}.pdStudentBox{color:#fff;background:#55acee;border-radius:14px;margin-bottom:16px;padding:18px 22px}.pdStudentLabel{margin-bottom:6px;font-size:13px;font-weight:300}.pdStudentVal{align-items:center;gap:8px;font-size:26px;font-weight:700;display:flex}.pdUniformBox{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.pdUniformTitle{color:#374151;margin-bottom:10px;font-size:15px;font-weight:700}.pdUniformImg{object-fit:contain;background:#f9fafb;border-radius:10px;width:80px;height:80px}.pdUniformImgLabel{color:#29aef1;text-align:center;font-size:12px}.pdUniformQty{color:#fff;white-space:nowrap;background:#ffbe1b;border-radius:20px;padding:3px 14px;font-size:13px;font-weight:600}.pdUniformSize{color:#29b6e8;background:#ebf6fc;border-radius:20px;margin-left:6px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.pdUniformTabs{gap:8px;margin-bottom:16px;display:flex}.pdUniformTab{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:20px;padding:6px 18px;font-size:14px;transition:all .2s}.pdUniformTab:hover{color:#29b6e8;border-color:#29b6e8}.pdUniformTabActive{color:#fff;background:#29b6e8;border-color:#29b6e8;font-weight:600}.pdDetailRight{border-left:1px solid #e5e7eb;flex-direction:column;gap:20px;padding-left:36px;display:flex}.pdContactItem{align-items:flex-start;gap:14px;display:flex}.pdContactTitle{color:#053f5c;margin-top:10px;margin-bottom:4px;font-size:20px;font-weight:600}.pdContactVal{color:#053f5c;font-size:16px;line-height:1.5}.pdContactPerson{margin-top:8px}.pdPersonRow{align-items:center;gap:12px;margin-top:8px;display:flex}.pdAvatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.pdAvatarPlaceholder{background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pdPersonSchool{color:#1a1a1a;font-size:14px;font-weight:600}.pdPersonName{color:#555;font-size:13px}.pdReviews{flex-direction:column;gap:24px;display:flex}.pdTestimonialsTitle{color:#374151;margin-top:8px;font-size:18px;font-weight:700}.pdReviewScroll{flex-direction:column;gap:16px;display:flex}.pdReviewCard{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:row;gap:0;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000000f}.pdReviewImgWrap{cursor:pointer;flex-shrink:0;width:240px;position:relative;overflow:hidden}.pdReviewImgWrap:hover .pdReviewImgOverlay{opacity:1}.pdReviewImg{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.pdReviewImgWrap:hover .pdReviewImg{transform:scale(1.04)}.pdReviewImgOverlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.pdReviewBody{flex-direction:column;flex:1;justify-content:center;gap:8px;padding:24px 28px;display:flex}.pdReviewHeading{color:#1f2937;font-size:16px;font-weight:700}.pdReviewText{color:#374151;flex:1;margin:0;font-size:15px;font-style:italic;line-height:1.7}.pdReviewAuthor{color:#5285e8;font-size:13px;font-weight:600}.pdReviewMeta{color:#94a3b8;font-size:12px}.pdLightbox{z-index:9999;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pdLightboxImg{object-fit:contain;border-radius:12px;max-width:90vw;max-height:90vh;box-shadow:0 8px 40px #00000080}.pdLightboxClose{color:#fff;cursor:pointer;background:0 0;border:none;font-size:32px;line-height:1;position:absolute;top:20px;right:24px}.pdSummaryCard{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1.5px solid #86efac;border-radius:16px;padding:28px 32px}.pdSummaryTitle{color:#15803d;align-items:center;gap:10px;margin-bottom:20px;font-size:20px;font-weight:700;display:flex}.pdSummaryStats{gap:32px;margin-bottom:20px;display:flex}.pdSummaryStat{text-align:center}.pdSummaryVal{color:#1f2937;font-size:32px;font-weight:800;line-height:1}.pdSummaryLabel{color:#6b7280;margin-top:4px;font-size:13px}.pdSummaryBar{background:#d1fae5;border-radius:999px;height:10px;margin-bottom:16px;overflow:hidden}.pdSummaryBarFill{background:linear-gradient(90deg,#34d399,#10b981);border-radius:999px;height:100%;transition:width .6s}.pdSummaryThanks{color:#374151;text-align:center;font-size:14px}@media (max-width:900px){.pdHeroCard,.pdDetailGrid{grid-template-columns:1fr}.pdDetailRight{border-top:1px solid #e5e7eb;border-left:none;padding-top:24px;padding-left:0}}@media (max-width:640px){.pdWrapper{margin:20px auto 40px;padding:0 12px}.pdHeroCard{border-radius:16px;gap:20px;padding:18px 16px}.pdSchoolName{font-size:20px}.pdTitle{font-size:15px}.pdChannels{flex-direction:column;gap:8px}.pdChannel{justify-content:flex-start;width:100%;padding:10px 16px;font-size:15px}.pdGenderTabs{gap:8px}.pdGenderTab{flex:1;justify-content:center;max-width:calc(50% - 4px);padding:6px 10px;font-size:13px}.pdLevelTab{padding:6px 12px 8px;font-size:13px}.pdDonateBtn{height:50px;font-size:18px}.pdSummaryCard{padding:18px 16px}.pdSummaryTitle{margin-bottom:14px;font-size:16px}.pdSummaryStats{grid-template-columns:repeat(3,1fr);gap:14px 8px;margin-bottom:14px;display:grid}.pdSummaryStat{text-align:center}.pdSummaryVal{font-size:24px}.pdSummaryLabel{font-size:11px}.pdTab{padding:10px 16px 8px;font-size:15px}.pdReviewCard{flex-direction:column}.pdReviewImgWrap{width:100%;height:180px}}.pdProgressBlock{flex-direction:column;gap:8px;margin-top:4px;display:flex}.pdProgressTopRow{color:#374151;justify-content:space-between;align-items:baseline;font-size:15px;display:flex}.pdProgressTopRow strong{color:#5285e8;font-size:18px;font-weight:700}.pdProgressPct{color:#ffbe1b;font-size:20px;font-weight:600}.pdProgressTrack{background:#e5e7eb;border-radius:999px;width:100%;height:14px;overflow:hidden}.pdProgressFill{background:#fc8d1f;border-radius:999px;min-width:4px;height:100%;transition:width .6s}.pdProgressRemaining{color:#6b7280;font-size:14px;line-height:1.5}.pdProgressRemaining strong{color:#ffbe1b;font-size:24px;font-weight:700}.pdGenderTabs{gap:10px;margin-bottom:10px;display:flex}.pdGenderTab:hover svg{color:#d9d9d9}.pdGenderTab{cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:999px;align-items:center;gap:6px;padding:7px 20px;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex;transform:none!important}.pdGenderTabMale{color:#5285e8;border-color:#5285e8}.pdGenderTabMale:hover{color:#d9d9d9;border-color:#d9d9d9}.pdGenderTabMaleActive{color:#fff;background:#5285e8;border-color:#5285e8}.pdGenderTabFemale{color:#e879a0;border-color:#f0b8d0}.pdGenderTabFemale:hover{color:#d9d9d9;border-color:#d9d9d9}.pdGenderTabFemaleActive{color:#fff;background:#f472b6;border-color:#f472b6}.pdLevelTabs{border-bottom:1.5px solid #e5e7eb;gap:0;margin-bottom:14px;display:flex}.pdLevelTab{color:#9ca3af;cursor:pointer;box-sizing:border-box;background:0 0;border:none;margin-bottom:-1.5px;padding:6px 18px 8px;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;transition:all .18s;transform:none!important}.pdLevelTab:hover{color:#374151;transform:none!important}.pdLevelTabActive{color:#5285e8;border-bottom-color:none;font-weight:600}.pdTypeTabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.pdTypeTab{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:20px;padding:5px 16px;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s;transform:none!important}.pdTypeTab:hover{color:#ffbe1b;border-color:#ffbe1b}.pdTypeTabActive{color:#fff;background:#ffbe1b;border-color:#ffbe1b;font-weight:500}.pdUniformImgs{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.pdUniformImgWrap{flex-direction:column;align-items:center;gap:6px;display:flex}.pdUniformImgBtn{cursor:pointer;border:2px solid #0000;border-radius:12px;padding:4px;overflow:hidden;box-shadow:0 0 0 1px #e5e7eb}.pdUniformImgBtn:hover,.pdUniformImgBtnActive{box-shadow:none;border-color:#ffbe1b}.pdUniformList{flex-direction:column;gap:0;display:flex}.pdUniformRow{color:#374151;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;font-size:14px;display:flex}.pdUniformRow:last-child{border-bottom:none}.pdUniformName{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.pdUniformRowRight{flex-shrink:0;align-items:center;gap:10px;display:flex}.pdQtyStepper{background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;align-items:center;display:flex;overflow:hidden}.pdQtyBtn{color:#5285e8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;transition:background .15s;display:flex;transform:none!important}.pdQtyBtn:hover:not(:disabled){background:#f3f4f6;transform:none!important}.pdQtyBtn:disabled{color:#d1d5db;cursor:not-allowed}.pdQtyInput{text-align:center;color:#053f5c;-moz-appearance:textfield;background:#fff;border:none;outline:none;width:36px;height:28px;font-family:Kanit,sans-serif;font-size:13px;font-weight:700}.pdQtyInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pdQtyInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pdQtySummary{color:#374151;text-align:center;background:#eef5ff;border-radius:8px;margin-top:10px;padding:8px 14px;font-size:14px}.pdQtySummary strong{color:#5285e8;font-weight:700}.epUniCardDefaultBadge{color:#fff;background:#00000073;border-radius:20px;padding:2px 7px;font-size:10px;position:absolute;bottom:6px;left:6px}.epUniCardSubtypeInput{color:#334155;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;width:100%;padding:5px 8px;font-size:11px}.epUniCardSubtypeInput:focus{border-style:solid;border-color:#29b6e8;outline:none}.epUniCardSubtypeLabel{color:#1e293b;justify-content:space-between;align-items:center;width:100%;font-size:12px;font-weight:600;display:flex}.epUniCardSubtypeEdit{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:13px}.pdUniformImgBtn{position:relative}.pdUniformImgZoomOverlay{opacity:0;pointer-events:none;background:0 0;border-radius:10px;justify-content:center;align-items:center;transition:background .18s,opacity .18s;display:flex;position:absolute;inset:0}.pdUniformImgBtn:hover .pdUniformImgZoomOverlay{opacity:1;background:#0000006b}.pdUniLb{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1224d1;justify-content:center;align-items:center;padding:16px;animation:.2s pdUniLbIn;display:flex;position:fixed;inset:0}@keyframes pdUniLbIn{0%{opacity:0}to{opacity:1}}.pdUniLbBox{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:480px;animation:.22s pdUniLbBoxIn;display:flex;overflow:hidden;box-shadow:0 24px 80px #0000005c}@keyframes pdUniLbBoxIn{0%{opacity:0;transform:scale(.93)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.pdUniLbClose{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#ffffff2e;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;line-height:1;transition:background .15s;display:flex;position:absolute;top:16px;right:20px}.pdUniLbClose:hover{background:#ffffff52}.pdUniLbImgArea{background:#f1f5f9;justify-content:center;align-items:center;min-height:260px;max-height:56vh;display:flex;position:relative;overflow:hidden}.pdUniLbImg{object-fit:contain;max-width:100%;max-height:56vh;padding:16px;display:block}.pdUniLbArrow{color:#334155;cursor:pointer;z-index:2;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 12px #0000002e}.pdUniLbArrow:hover:not(:disabled){background:#fff;transform:translateY(-50%)scale(1.08)}.pdUniLbArrow:disabled{opacity:.28;cursor:not-allowed}.pdUniLbArrowLeft{left:10px}.pdUniLbArrowRight{right:10px}.pdUniLbCaption{text-align:center;border-top:1px solid #f1f5f9;padding:16px 20px 12px}.pdUniLbCaptionName{color:#0f172a;margin-bottom:10px;font-size:17px;font-weight:700;line-height:1.3}.pdUniLbCaptionTags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pdUniLbTag{border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600}.pdUniLbTagCat{color:#1d4ed8;background:#eff6ff}.pdUniLbTagMale{color:#1d4ed8;background:#dbeafe}.pdUniLbTagFemale{color:#be185d;background:#fce7f3}.pdUniLbTagLevel{color:#15803d;background:#f0fdf4}.pdUniLbDots{justify-content:center;gap:6px;padding:10px 20px 16px;display:flex}.pdUniLbDot{cursor:pointer;background:#d1d5db;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .15s,transform .15s}.pdUniLbDot:hover{background:#94a3b8}.pdUniLbDotActive{background:#29b6e8;transform:scale(1.3)}.dmPageBg{background:linear-gradient(160deg,#dff0fb 0%,#cce5f7 18%,#e8f5fb 38%,#fdf5e4 65%,#fef0d0 100%);min-height:100vh}.dmPageInner{max-width:1200px;margin:0 auto;padding:0 24px 48px}.dmBreadcrumb{color:#6b93b8;flex-wrap:wrap;align-items:center;gap:4px;padding:18px 0 14px;font-size:.81rem;display:flex}.dmBreadcrumb a{color:#6b93b8;text-decoration:none;transition:color .15s}.dmBreadcrumb a:hover{color:#2178c4}.dmBreadcrumb span{color:#2c4f72;font-weight:500}.dmBreadcrumb .iconify{color:#a0bcd8;font-size:.9rem}.dmHeroSchoolBadge{color:#2178c4;background:#fffc;border:1.5px solid #2178c438;border-radius:999px;align-items:center;gap:7px;margin-bottom:14px;padding:6px 18px;font-size:.84rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #2178c41a}.dmHero{padding:0 0 36px}.dmHeroBody{grid-template-columns:1fr 370px;align-items:start;gap:40px;display:grid}.dmHeroLeft{flex-direction:column;gap:14px;display:flex}.dmHeroTitle{color:#1a3a5c;letter-spacing:-.2px;margin:0;font-size:clamp(1.5rem,3.2vw,2.15rem);font-weight:800;line-height:1.3}.dmTitleHighlight{color:#f7ad19}.dmHeroInfoPills{flex-wrap:wrap;gap:8px;display:flex}.dmInfoPill{color:#3d5a7a;white-space:nowrap;background:#ffffffc7;border:1px solid #2178c42e;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;display:inline-flex;box-shadow:0 1px 4px #2178c412}.dmInfoPill .iconify{color:#5a9ecf}.dmInfoPillVerified{color:#15803d;background:#f0fdf4d9;border-color:#22c55e4d}.dmInfoPillVerified .iconify{color:#22c55e}.dmProgressCard{background:#ffffffe6;border:1px solid #2178c41f;border-radius:18px;padding:20px 22px 16px;box-shadow:0 4px 24px #2178c417}.dmProgressCardHeader{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.dmProgressLeft{flex-direction:column;gap:2px;display:flex}.dmProgressLabelText{color:#7a9fc0;font-size:.78rem;font-weight:500}.dmProgressNumbers{align-items:baseline;gap:0;line-height:1;display:flex}.dmProgressReceived{color:#1a3a5c;font-size:2.2rem;font-weight:800;line-height:1}.dmProgressSep{color:#b8d0e8;margin:0 4px;font-size:1.1rem}.dmProgressTotal{color:#4d7a9f;font-size:1rem;font-weight:600}.dmProgressGoal{text-align:right;flex-direction:column;gap:2px;display:flex}.dmProgressGoalLabel{color:#7a9fc0;font-size:.78rem;font-weight:500}.dmProgressGoalPct{color:#f7ad19;font-size:1.65rem;font-weight:800;line-height:1}.dmProgressTrack{background:#deeaf5;border-radius:99px;height:10px;margin-bottom:14px;overflow:hidden}.dmProgressFill{background:linear-gradient(90deg,#f7ad19 0%,#fbbf24 100%);border-radius:99px;height:100%;transition:width .7s}.dmProgressCardFooter{color:#7a9fc0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.79rem;display:flex}.dmProgressDonors{color:#4d7a9f;align-items:center;gap:8px;display:flex}.dmProgressDonors strong{color:#2c5980}.dmDonorAvatars{align-items:center;display:flex}.dmDonorAvatar{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:26px;height:26px;margin-left:-7px;display:inline-block}.dmDonorAvatar:first-child{margin-left:0}.dmDonorAvatar-blue{background:#4fa8e8}.dmDonorAvatar-amber{background:#f7ad19}.dmDonorAvatar-teal{background:#5bbcb8}.dmDonorAvatar-rose{background:#fb7185}.dmDonorAvatar-violet{background:#a78bfa}.dmDonorAvatarMore{color:#2178c4;background:#dbeafe;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-7px;font-size:.62rem;font-weight:700;display:inline-flex}.dmProgressStartDate{color:#7a9fc0;white-space:nowrap;font-size:.78rem}.dmHeroLoading{color:#5a90b8;align-items:center;gap:10px;padding:32px 0;font-size:.95rem;display:flex}.dmHeroRight{flex-direction:column;gap:14px;display:flex}.dmImageCard{aspect-ratio:4/3;background:linear-gradient(135deg,#cce4f7 0%,#ddf0fd 40%,#fef6e4 70%,#fdebc0 100%);border:1px solid #2178c421;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 4px 20px #2178c41a}.dmImageCardImg{object-fit:cover;width:100%;height:100%;display:block}.dmImageCardPlaceholder{background:repeating-linear-gradient(45deg,#2178c412 0 1px,#0000 1px 16px),repeating-linear-gradient(-45deg,#f7ad190f 0 1px,#0000 1px 16px);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dmImageCardPlaceholder span{color:#7a9fc0;text-align:center;background:#ffffffc7;border:1px solid #2178c41f;border-radius:12px;max-width:80%;padding:12px 16px;font-size:.82rem}.dmImageCardBadge{color:#2c4f72;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border-radius:99px;align-items:center;gap:8px;padding:7px 16px;font-size:.8rem;font-weight:500;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 2px 12px #00000017}.dmActiveDot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #22c55e33}.dmStatCards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dmStatCard{border-radius:16px;flex-direction:column;gap:5px;padding:18px 16px 14px;display:flex}.dmStatCardBlue{background:linear-gradient(135deg,#2178c4 0%,#4baee8 100%);box-shadow:0 5px 18px #2178c452}.dmStatCardOrange{background:linear-gradient(135deg,#f7ad19 0%,#fbbf24 100%);box-shadow:0 5px 18px #f7ad1959}.dmStatIcon{color:#ffffffe0;font-size:1.5rem}.dmStatVal{color:#fff;letter-spacing:-.5px;font-size:2.2rem;font-weight:800;line-height:1}.dmStatLabel{color:#ffffffe0;font-size:.76rem;font-weight:500}.dmStatCardOrange .dmStatLabel{color:#643a00b8}.dmDetailBtn{color:#2178c4;cursor:pointer;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:6px;padding:4px 2px;font-family:inherit;font-size:.88rem;font-weight:600;transition:color .18s,gap .18s;display:flex}.dmDetailBtn:hover{color:#1a6db5;gap:9px}.dmMain{border-top:1px solid #2178c41a;margin-top:8px;padding-top:32px}.dmFilterTabs{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.dmFilterTab{color:#4d7a9f;cursor:pointer;white-space:nowrap;background:#ffffffd9;border:1.5px solid #dde8f5;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .18s;display:inline-flex}.dmFilterTab:hover{color:#2178c4;background:#fffffff2;border-color:#2178c4}.dmFilterTabActive{color:#fff;background:linear-gradient(135deg,#2178c4,#4baee8);border-color:#2178c4;box-shadow:0 3px 12px #2178c44d}.dmFilterTabActive:hover{color:#fff;background:linear-gradient(135deg,#1a6db5,#3d9cd9)}.dmFilterTabCount{color:inherit;background:#ffffff40;border-radius:99px;padding:1px 7px;font-size:.74rem;font-weight:700;line-height:1.4}.dmFilterTabActive .dmFilterTabCount{color:#fff;background:#ffffff47}.dmMatchBadge{color:#fff;letter-spacing:.02em;background:linear-gradient(90deg,#2178c4,#5ab8f5);border-radius:8px 8px 0 0;align-items:center;gap:5px;padding:5px 12px;font-size:.75rem;font-weight:600;display:flex}.mkCard:has(.dmMatchBadge){border:1.5px solid #4baee8;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px #2178c41c}.mkCard:has(.dmMatchBadge):hover{transition:all .2s;transform:translateY(-2px);box-shadow:0 8px 28px #2178c433}.dmNeedCountBadge{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:5px;margin-top:2px;padding:5px 10px;font-size:.78rem;font-weight:600;display:flex}.dmNeedCountBadge strong{color:#b45309}.dmBuyBtnInline{color:#fff;cursor:pointer;white-space:nowrap;background:#f7ad19;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .18s;display:inline-flex}.dmBuyBtnInline:hover:not(:disabled){background:#e8a016;box-shadow:0 3px 10px #f7ad1966}.dmBuyBtnInline:disabled{cursor:not-allowed;background:#bdbdbd}.mkCardSeller{color:#6b7280;align-items:center;gap:4px;margin:2px 0 4px;font-size:12px;display:flex}.dmNoMatchNote{color:#92400e;overflow-wrap:anywhere;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:6px;max-width:100%;margin-top:8px;padding:8px 14px;font-size:13px;line-height:1.55;display:flex}.dmNoMatchNote .iconify{flex:none;margin-top:2px}.dmErrorWrap{color:#888;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:80px 24px;display:flex}@media (max-width:960px){.dmHeroBody{grid-template-columns:1fr;gap:28px}.dmHeroRight{max-width:480px}.dmImageCard{aspect-ratio:16/7}}@media (max-width:600px){.dmPageInner{padding:0 16px 36px}.dmHeroTitle{font-size:1.35rem}.dmHeroInfoPills{gap:6px}.dmInfoPill{padding:5px 12px;font-size:.78rem}.dmProgressReceived{font-size:1.7rem}.dmProgressGoalPct{font-size:1.3rem}.dmStatVal{font-size:1.8rem}.dmFilterTabs{gap:6px}.dmFilterTab{padding:6px 12px;font-size:.8rem}.dmImageCard{aspect-ratio:4/3}.dmMain{padding-top:24px}.dmMain .mkListHeader{flex-direction:column;align-items:stretch;margin-bottom:16px}.dmMain .mkListTitle{white-space:normal;width:100%;font-size:17px;line-height:1.45}.dmNoMatchNote{width:100%;margin-top:0;padding:8px 10px;font-size:12px}.dmMatchBadge{min-height:29px;padding:4px 8px;font-size:10px;line-height:1.35}.dmMatchBadge .iconify{flex:none}.dmMatchCard .mkCardBody{padding:9px 9px 10px}.dmMatchCard .mkCardTitle{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;font-size:12px;line-height:1.45;display:-webkit-box}.dmMatchCard .mkCardSchool,.dmMatchCard .mkCardSeller{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.dmMatchCard .mkMeta{gap:4px;margin-bottom:7px}.dmMatchCard .mkMetaRow{align-items:flex-start;gap:4px;font-size:10px;line-height:1.45}.dmMatchCard .mkMetaLabel{min-width:30px}.dmMatchCard .mkMetaVal{overflow-wrap:anywhere;min-width:0}.dmMatchCard .mkBadgeLevel,.dmMatchCard .mkBadgeCond{white-space:normal;font-size:9.5px;line-height:1.4}.dmNeedCountBadge{overflow-wrap:anywhere;align-items:flex-start;padding:5px 7px;font-size:10px;line-height:1.4}.dmNeedCountBadge .iconify{flex:none;margin-top:1px}.dmMatchCard .mkCardBottom{gap:5px}.dmMatchCard .mkCardPrice{white-space:nowrap;min-width:0;font-size:15px}.dmMatchCard .mkCardPrice span{font-size:10px}.dmBuyBtnInline{flex:none;gap:3px;padding:7px 8px;font-size:10px}}@media (min-width:601px) and (max-width:960px){.dmMain .mkListHeader{flex-direction:column;align-items:flex-start;gap:10px}.dmNoMatchNote{margin-top:0}}.dpHero{width:100vw;height:450px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative;overflow:hidden}.dpHeroOverlay{background:linear-gradient(#0000000d 0%,#00000073 100%);position:absolute;inset:0}.dpHeroContent{max-width:500px;margin-right:auto;padding:18px 28px 18px 60px;position:absolute;bottom:40px;left:0;right:0}.dpHeroTitle{color:#fff;text-shadow:0 1px 4px #0000004d;margin:0 0 6px;font-size:26px;font-weight:700}.dpHeroSub{color:#ffffffe6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:400;display:-webkit-box;overflow:hidden}.dpHeroCTA{color:#053f5c;cursor:pointer;background:#fff;border:none;border-radius:20px;margin-top:14px;padding:8px 22px;font-size:14px;font-weight:600;transition:background .2s,transform .15s}.dpHeroCTA:hover{background:#e0f2fe}.dpSearchSection{max-width:100%;margin:28px auto 0;padding:0 20px}.dpSearchRow{justify-content:center;align-items:center;gap:12px;display:flex}.dpSearchBox{background:#fff;border:1.5px solid #5285e8;border-radius:999px;flex:1;align-items:center;gap:10px;max-width:600px;height:50px;padding:0 18px;display:flex;box-shadow:0 2px 8px #5285e814}.dpSearchBox input{color:#374151;background:0 0;border:none;outline:none;flex:1;font-family:Mitr,sans-serif;font-size:15px}.dpSearchBox input:focus{box-shadow:none;border:none;outline:none}.dpSearchBox input::placeholder{color:#b5b5b5;font-family:Mitr,sans-serif;font-size:14px;font-weight:lighter}.dpSearchIcon{color:#5285e8;font-size:18px}.dpFilterBtn{color:#5285e8;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:40px;display:flex}.dpFilterBtn:hover,.dpFilterBtnActive{color:#7c9fff;transform:none}.dpFilterPanel{opacity:0;max-height:0;transition:max-height .35s,opacity .3s;overflow:hidden}.dpFilterPanelOpen{opacity:1;max-height:520px;margin-top:20px}.dpFilterLabel{color:#053f5c;margin-bottom:14px;margin-left:200px;font-family:Mitr;font-size:18px;font-weight:600}.dpFilterSubLabel{color:#6b7280;margin-left:200px;font-family:Mitr;font-size:13px;font-weight:500}.dpFilterGrid{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.dpFilterGroup{flex-direction:column;gap:6px;font-family:Mitr;font-size:18px;font-weight:600;display:flex}.dpFilterGroupLabel{color:#5285e8;margin-left:200px;font-size:13px;font-weight:500}.dpTypeRow{gap:10px;margin-left:200px;display:flex}.dpTypeBtn{cursor:pointer;background:#87c7eb;border:2px solid #b5b5b5;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:80px;height:80px;margin-top:10px;transition:all .18s;display:flex;overflow:visible}.dpSliderTag{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #00000026}.dpSliderTagFirst{color:#92610a;background:#fff9c4}.dpSliderTagMost{color:#c0392b;background:#ffe4e4}.dpSliderTagUrgent{color:#d35400;background:#fff0e0}.dpCard .dpSliderTag{z-index:2;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;right:10px}.dpSliderCardMulti{box-sizing:border-box;align-items:stretch;gap:16px;min-width:100%;padding:16px;display:flex}.dpSliderMiniCard{cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.dpSliderMiniImg{height:140px;position:relative;overflow:hidden}.dpSliderMiniImg img{object-fit:cover;width:100%;height:100%}.dpTypeBtnActive{background:#e8f0fe;border-color:#5285e8}.dpTypeIcon{margin-top:9px;font-size:28px}.dpTypeLabel{color:#5285e8;white-space:nowrap;margin-top:0;font-family:Mitr,sans-serif;font-size:12px;font-weight:400}.dpTypeBtnWrap{flex-direction:column;align-items:center;gap:8px;display:flex}.dpTypeBtnActive .dpTypeLabel{color:#1d4ed8;font-weight:600}.dpSelect{appearance:none;color:#374151;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235285E8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 12px center no-repeat;border:1.5px solid #d0e8f7;border-radius:10px;width:155px;height:42px;padding:0 36px 0 14px;font-family:Kanit,sans-serif;font-size:14px}.dpFilterGroupNarrow{align-self:flex-start;margin-left:-200px}.dpSelect:disabled{color:#aaa;cursor:not-allowed;background-color:#f3f4f6}.dpResetBtn{color:#888;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;margin-top:8px;margin-left:auto;margin-right:180px;padding:6px 18px;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;display:block}.dpResetBtn:hover{background:#f3f4f6}.dpMain{width:fit-content;min-width:960px;margin:40px auto 60px;padding:0 20px}.dpListHeader{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dpListTitle{color:#1d4ed8;justify-content:space-between;align-items:center;margin:0;display:flex}.dpSortSelect{appearance:none;color:#374151;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235285E8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 12px center no-repeat;border:1.5px solid #d0e8f7;border-radius:10px;height:40px;padding:0 36px 0 14px;font-family:Kanit,sans-serif;font-size:14px}.dpGrid{grid-template-columns:repeat(3,1fr);justify-content:center;gap:24px;scroll-margin-top:120px;display:grid}.dpCard{cursor:pointer;background:#fff;border:1px solid #f0f4f8;border-radius:16px;width:400px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 2px 12px #00000012}.dpCardImg{background:#eef2ff;width:100%;height:220px;overflow:hidden}.dpCardImg img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.dpCard:hover{transform:none;box-shadow:0 8px 24px #5285e821}.dpCardImgPlaceholder{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);width:100%;height:100%}.dpCardBody{background:#fff;border-radius:0 0 16px 16px;padding:18px 20px}.dpCardBadge{color:#5285e8;background:#e8f0fe;border-radius:999px;align-self:flex-start;margin-bottom:8px;padding:3px 12px;font-size:12px;font-weight:500;display:inline-block}.dpCardTitle{color:#111827;margin-bottom:4px;font-size:18px;font-weight:700;line-height:1.4}.dpCardSchool{color:#555;margin-bottom:6px;font-size:14px}.dpCardAddr{color:#888;grid-template-columns:18px 1fr;align-items:start;column-gap:4px;margin-bottom:12px;font-size:13px;line-height:1.5;display:grid}.dpCardAddrIcon{margin-top:3px;line-height:0;display:flex}.dpCardBottom{justify-content:space-between;align-items:center;display:flex}.dpCardFulfilled{color:#374151;font-size:15px}.dpCardFulfilled strong{color:#5285e8;font-size:20px}.dpCardBtn{color:#fff;cursor:pointer;background:#fc8d1f;border:none;border-radius:10px;padding:8px 24px;font-family:Kanit,sans-serif;font-size:16px;font-weight:500;transition:background .18s}.dpCardBtn:hover{background:#e07010}@media (max-width:640px){.dpGrid{grid-template-columns:1fr}.dpMain{box-sizing:border-box;width:100%!important;min-width:unset!important;margin:24px auto 40px!important;padding:0 12px!important}.dpListTitle{gap:4px;flex-direction:column!important;align-items:flex-start!important;font-size:22px!important}.dpListCount{margin-left:0!important}.dpCard{box-sizing:border-box;width:100%!important}.dpHero{height:360px}.dpHeroContent{max-width:100%;padding:14px 16px;bottom:24px;left:0;right:0}.dpHeroTitle{font-size:20px}.dpHeroSub{font-size:13px}.dpHeroCTA{margin-top:10px;padding:6px 16px;font-size:13px}.dpFilterLabel{margin-bottom:10px;margin-left:0;font-size:15px}.dpFilterSubLabel{margin-left:0;font-size:12px}.dpFilterGroupLabel{font-size:12px;margin-left:0!important}.dpFilterGroupNarrow{align-self:auto;margin-left:0!important}.dpTypeRow{flex-wrap:wrap;gap:8px;margin-left:0!important}.dpTypeBtn{width:64px;height:64px}.dpFilterGrid{flex-direction:column;align-items:flex-start;gap:14px}.dpFilterGroup{flex-direction:column;gap:4px;width:100%;font-size:14px}.dpSelect{width:100%!important;font-size:13px!important}.dpFilterSectionLabel{margin-left:0!important}.dpFilterBtnRow{flex-wrap:wrap;margin-left:0!important}.dpResetBtn{margin-left:auto;display:block;margin-right:0!important}.dpFilterPanelOpen{max-height:900px}.dpFilterGrid{flex-direction:column}}.dpUrgentSection,.dpNoFulfillmentSection{max-width:100%;margin:60px auto;padding:0 20px}.dpSectionTitle{color:#5285e8;text-align:center;margin:0 0 5px;font-size:26px;font-weight:700}.dpSectionTitle svg{color:#f0ad00}.dpSliderWrapper{max-width:600px;margin:0 auto;position:relative}.dpSlider{border-radius:16px;overflow:hidden}.dpSliderTrack{transition:transform .5s;display:flex}.dpSliderCard{cursor:pointer;background:#fff;border-radius:16px;flex-shrink:0;min-width:100%;overflow:hidden;box-shadow:0 4px 16px #0000001a}.dpRowLabel{color:#053f5c;margin:32px 0 12px;padding-left:4px;font-size:18px;font-weight:700}.dpSliderCardImg{background:#eef2ff;width:100%;height:240px;position:relative;overflow:hidden}.dpSliderCardImg img{object-fit:cover;width:100%;height:100%}.dpSliderCardImgPlaceholder{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);width:100%;height:100%}.dpSliderCardBadge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#dd2e44f2;border-radius:8px;max-width:140px;padding:8px 12px;font-family:Kanit,sans-serif;font-size:12px;font-weight:600;line-height:1.3;position:absolute;top:12px;right:12px}.dpSliderCardBody{padding:20px}.dpSliderCardTitle{color:#111827;margin-bottom:6px;font-size:18px;font-weight:700}.dpSliderCardSchool{color:#666;margin-bottom:12px;font-size:14px}.dpSliderCardAddr{color:#888;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.dpSliderCardNeed{color:#fff;text-align:center;white-space:normal;z-index:10;background-color:#ff1b1b;border-radius:8px;max-width:200px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.4;display:block;position:absolute;top:12px;right:12px}.dpSectionSub{text-align:center;color:#666;margin-top:2px;margin-bottom:15px;font-size:18px}.dpSliderCardBtn{color:#fff;cursor:pointer;background:#5285e8;border:none;border-radius:10px;width:100%;height:42px;font-family:Kanit,sans-serif;font-size:16px;font-weight:600;transition:background .18s}.dpSliderCardBtn:hover{background:#3d6bc7}.dpSliderDots{justify-content:center;gap:8px;margin-top:16px;display:flex}.dpSliderDot{cursor:pointer;background:#d0e8f7;border:none;border-radius:50%;width:5px;height:5px;transition:background .3s}.dpSliderDotActive{background:#5285e8}.dpCardHoverWrap{position:relative}.dpCardHoverWrap:hover{overflow:visible!important;transform:none!important;box-shadow:0 2px 12px #00000012!important}.dpCard.dpCardHoverWrap{border-radius:16px;overflow:visible!important}.dpCard.dpCardHoverWrap .dpCardImg{border-radius:16px 16px 0 0}.projCard.dpCardHoverWrap:hover{overflow:visible!important}.projCard.dpCardHoverWrap .thumb{border-radius:14px 14px 0 0}.dpCardOverlay{z-index:3;pointer-events:none;background:0 0;border-radius:16px;transition:background .2s;position:absolute;inset:0}.projCard .dpCardOverlay{border-radius:14px}.dpCardOverlayVisible{background:#00000080}.dpHoverCard{z-index:20;pointer-events:auto;background:#fff;border-radius:16px;width:300px;padding:16px;animation:.15s dpHoverIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #00000040}@keyframes dpHoverIn{0%{opacity:0;transform:translate(-50%,-47%)}to{opacity:1;transform:translate(-50%,-50%)}}.dpHoverHeader{flex-direction:column;gap:4px;margin-bottom:2px;display:flex}.dpHoverSchool{color:#053f5c;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.dpHoverMeta{align-items:center;gap:6px;font-size:13px;display:flex}.dpHoverNeed{color:#e53935;font-weight:700}.dpHoverGot{color:#43a047;font-weight:700}.dpHoverSep{color:#ccc}.dpHoverLine{border:none;border-top:1px solid #eee;margin:6px 0}.dpHoverSection{color:#888;margin-bottom:8px;font-size:12px;font-weight:600}.dpHoverImgRow{justify-content:flex-start;gap:8px;margin-bottom:10px;display:flex}.dpHoverImgItem{flex-direction:column;flex:none;align-items:center;gap:4px;width:70px;display:flex}.dpHoverImgBox{width:70px;height:70px;aspect-ratio:unset;background:#f0f4ff;border:1.5px solid #e0e7ff;border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.dpHoverImgBox img{object-fit:cover;width:100%;height:100%}.dpHoverImgPlaceholder{color:#5285e8;background:#e8eeff;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;font-weight:700;display:flex}.dpHoverImgName{color:#6b7280;text-align:center;justify-content:center;align-items:center;max-width:70px;min-height:2.6em;font-size:10px;font-weight:500;line-height:1.3;display:flex}.dpHoverImgQty{color:#053f5c;font-size:11px;font-weight:600}.dpHoverItemList{flex-direction:column;gap:5px;width:100%;margin-bottom:2px;display:flex}.dpHoverItemRow{flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;display:flex}.dpHoverItemBadge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600}.dpHoverBadgeGender{color:#1565c0;background:#e3f0ff}.dpHoverBadgeLevel{color:#e65100;background:#fff3e0}.dpHoverItemName{color:#333;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.dpHoverItemSize{color:#5285e8;white-space:nowrap;flex-shrink:0;font-weight:600}.dpHoverItemQtyBadge{color:#7a4f00;white-space:nowrap;background:#fdd888;border-radius:20px;flex-shrink:0;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.dpHoverMore{color:#aaa;text-align:center;padding:2px 0;font-size:11px}.dpHoverEmpty{color:#aaa;font-size:12px}.dpHoverDetailBtn{color:#5285e8;cursor:pointer;background:0 0;border:none;align-items:center;margin-top:8px;padding:4px 0;font-size:12px;font-weight:600;display:inline-flex}.dpHoverDetailBtn:hover{text-decoration:underline}.dpHoverBtn{color:#fff;cursor:pointer;background:#053f5c;border:none;border-radius:10px;width:100%;padding:8px 0;font-family:Kanit,sans-serif;font-size:14px;font-weight:700;transition:background .2s}.dpHoverBtn:hover{background:#5285e8}@media (max-width:640px){.dpSliderWrapper{max-width:100%}.dpSliderCard{border-radius:12px}}.ppAccentBar{background:linear-gradient(90deg,#87c7eb 0%,#5ba4cc 100%);width:100%;height:4px}.ppWrapper{max-width:740px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.ppPageHeader{margin-bottom:1.75rem}.ppPageTitle{color:#1e293b;letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 4px;font-size:1.5rem;font-weight:700;display:flex}.ppPageSub{color:#64748b;margin:0;font-size:.875rem}.ppStepBar{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;align-items:center;gap:0;margin-bottom:2rem;padding:16px 24px;display:flex}.ppStep{flex:1;align-items:center;gap:12px;display:flex}.ppStepCircle{color:#94a3b8;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;transition:all .25s;display:flex}.ppStepActive .ppStepCircle{color:#fff;background:linear-gradient(135deg,#87c7eb,#5ba4cc);border-color:#0000;box-shadow:0 4px 12px #5ba4cc59}.ppStepDone .ppStepCircle{color:#16a34a;background:#dcfce7;border-color:#86efac}.ppStepInfo{flex-direction:column;gap:1px;display:flex}.ppStepNum{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.ppStepName{color:#64748b;font-size:14px;font-weight:600}.ppStepActive .ppStepName{color:#1e293b}.ppStepLine{background:#e2e8f0;border-radius:2px;flex:0 0 60px;height:2px;margin:0 12px;transition:background .3s}.ppStepLineDone{background:linear-gradient(90deg,#87c7eb,#5ba4cc)}.ppItemsArea{flex-direction:column;gap:12px;display:flex}.ppItemCard{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.ppItemCard:hover{border-color:#cbd5e1}.ppItemCardOpen{border-color:#87c7eb;box-shadow:0 0 0 3px #87c7eb26}.ppItemHeader{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:14px 18px;transition:background .15s;display:flex}.ppItemCardOpen .ppItemHeader{background:#f0f8fd;border-bottom-color:#e8f4fb}.ppItemHeader:hover{background:#f1f5f9}.ppItemCardOpen .ppItemHeader:hover{background:#e8f4fb}.ppItemHeaderLeft{align-items:center;gap:12px;min-width:0;display:flex}.ppItemNumBadge{color:#fff;background:#87c7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.ppItemLabel{color:#1e293b;font-size:14px;font-weight:600}.ppItemSummaryName{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:14px;font-weight:600;overflow:hidden}.ppItemSummaryMeta{color:#64748b;margin-top:1px;font-size:12px}.ppItemHeaderRight{flex-shrink:0;align-items:center;gap:8px;display:flex}.ppRemoveBtn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;align-items:center;padding:5px;font-size:18px;transition:color .15s,background .15s;display:flex}.ppRemoveBtn:hover{color:#ef4444;background:#fef2f2}.ppItemChevron{color:#94a3b8;font-size:20px}.ppItemBody{flex-direction:column;gap:10px;padding:16px 16px 20px;display:flex}.ppFieldBlock{flex-direction:column;gap:8px;display:flex}.ppFieldRow2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:540px){.ppFieldRow2{grid-template-columns:1fr}}.ppFieldLabel{color:#374151;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.ppReq{color:#ef4444}.ppOptionalBadge{color:#64748b;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:1px 7px;font-size:10px;font-weight:500}.ppImgCount{color:#0369a1;background:#e0f2fe;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500}.ppDivider{background:#f1f5f9;border:none;height:1px;margin:0}.ppDropZone{text-align:center;cursor:pointer;background:#fafbff;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:32px 20px;transition:border-color .2s,background .2s;display:flex}.ppDropZone:hover{background:#f0f8fd;border-color:#87c7eb}.ppDropIcon{color:#94a3b8;font-size:34px}.ppDropText{color:#475569;font-size:14px;font-weight:500}.ppDropHint{color:#94a3b8;font-size:12px}.ppImgRow{flex-wrap:wrap;gap:10px;display:flex}.ppImgSlot{border:2px solid #e2e8f0;border-radius:10px;flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden}.ppImgCover{border-color:#87c7eb}.ppImgPreview{object-fit:cover;width:100%;height:100%;display:block}.ppCoverBadge{color:#fff;text-align:center;background:#5ba4cce6;padding:2px 0;font-size:10px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.ppImgRemove{cursor:pointer;color:#fff;opacity:0;background:#1e293bbf;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:opacity .15s;display:flex;position:absolute;top:3px;right:3px}.ppImgSlot:hover .ppImgRemove{opacity:1}.ppImgAddSlot{color:#94a3b8;cursor:pointer;border:2px dashed #cbd5e1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:24px;transition:border-color .15s,color .15s;display:flex}.ppImgAddSlot:hover{color:#87c7eb;border-color:#87c7eb}.ppCatTabs{flex-wrap:wrap;gap:8px;display:flex}.ppCatTab{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.ppCatTab:hover{color:#1e7fa8;background:#f0f8fd;border-color:#87c7eb}.ppCatTabActive{color:#fff;background:#87c7eb;border-color:#87c7eb;font-weight:600}.ppCatTabActive:hover{background:#6ab8de;border-color:#6ab8de}.ppSelectWrap{position:relative}.ppSelectWrap:after{content:"";pointer-events:none;border:5px solid #0000;border-top-color:#94a3b8;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ppSelect{appearance:none;color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 36px 10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.ppSelect:focus{border-color:#87c7eb;outline:none;box-shadow:0 0 0 3px #87c7eb33}.ppOrDivider{color:#94a3b8;align-items:center;gap:10px;margin:2px 0;font-size:12px;display:flex}.ppOrDivider span{background:#e2e8f0;flex:1;height:1px}.ppInput{color:#1e293b;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.ppInput:focus{border-color:#87c7eb;outline:none;box-shadow:0 0 0 3px #87c7eb33}.ppInput:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.ppInput::placeholder{color:#94a3b8}.ppTextarea{color:#1e293b;resize:vertical;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;min-height:70px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.ppTextarea:focus{border-color:#87c7eb;outline:none;box-shadow:0 0 0 3px #87c7eb33}.ppTextarea::placeholder{color:#94a3b8}.ppHint{color:#94a3b8;margin:0;font-size:11px}.ppLoadingHint{color:#94a3b8;padding:10px 0;font-size:13px}.ppSizesRow{flex-wrap:wrap;gap:12px;display:flex}.ppSizeBox{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:6px 8px;display:flex}.ppSizeLabel{color:#475569;flex-shrink:0;width:24px;font-size:13px;font-weight:600}.ppSizeUnit{color:#94a3b8;font-size:11px}.ppSizeInput{text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;width:56px;padding:5px 6px;font-family:inherit;font-size:13px;transition:all .15s}.ppSizeInput:focus{border-color:#87c7eb;outline:none;box-shadow:0 0 0 2px #87c7eb33}.ppChipGroup{flex-wrap:wrap;gap:7px;display:flex}.ppChipGroupSm{gap:5px}.ppChip{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:6px 13px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.ppChip:hover{background:#f8fafc;border-color:#94a3b8}.ppChipSm{padding:5px 10px;font-size:12px}.ppChipGreen{color:#166534;background:#dcfce7;border-color:#86efac;font-weight:600}.ppChipBlue{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd;font-weight:600}.ppChipActive.ppChipBlue{color:#fff;background:#3b82f6;border-color:#3b82f6}.ppPriceWrap{align-items:center;gap:10px;display:flex}.ppPriceInput{text-align:right;flex:1;font-size:16px;font-weight:600}.ppUnit{color:#64748b;white-space:nowrap;font-size:14px}.ppQtyWrap{align-items:center;gap:8px;display:flex}.ppQtyBtn{color:#374151;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:18px;font-weight:500;line-height:1;transition:all .15s;display:flex}.ppQtyBtn:hover{color:#1e7fa8;background:#f0f8fd;border-color:#87c7eb}.ppQtyVal{color:#1e293b;text-align:center;min-width:28px;font-size:16px;font-weight:600}.ppOptionalSection{flex-direction:column;gap:14px;display:flex}.ppOptionalTitle{color:#64748b;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:600;display:flex}.ppAddItemBtn{color:#64748b;cursor:pointer;background:0 0;border:2px dashed #cbd5e1;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex}.ppAddItemBtn:hover{color:#1e7fa8;background:#f0f8fd;border-color:#87c7eb}.ppErr{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;font-size:14px;display:flex}.ppSubmitArea{flex-direction:column;align-items:stretch;gap:10px;margin-top:24px;display:flex}.ppSubmitNote{color:#94a3b8;text-align:center;margin:0;font-size:12px;line-height:1.6}.ppSubmitBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#87c7eb 0%,#5ba4cc 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px 24px;font-family:inherit;font-size:16px;font-weight:700;transition:opacity .2s,transform .1s;display:flex;box-shadow:0 4px 16px #5ba4cc59}.ppSubmitBtn:hover{opacity:.92;transform:translateY(-1px)}.ppSubmitBtn:active{transform:translateY(0)}.ppSubmitBtn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ppBackBtn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex}.ppBackBtn:hover{background:#f8fafc;border-color:#94a3b8}.ppSpinner{animation:.8s linear infinite ppSpin}@keyframes ppSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ppShipSummaryRow{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.ppShipSummaryChip{background:#f0f8fd;border:1.5px solid #87c7eb;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;display:flex}.ppShipSummaryNum{color:#fff;background:#87c7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.ppShipSummaryName{color:#1e293b;font-size:13px;font-weight:600}.ppShipSummaryPrice{color:#64748b;font-size:11px}.ppShipGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.ppShipCard{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px 10px 12px;font-family:inherit;transition:all .18s;display:flex;position:relative}.ppShipCard:hover{border-color:var(--ship-color,#87c7eb);background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #00000012}.ppShipCardActive{box-shadow:0 0 0 3px color-mix(in srgb, var(--ship-color,#87c7eb) 20%, transparent);transform:translateY(-2px);border-color:var(--ship-color,#87c7eb)!important;background:color-mix(in srgb, var(--ship-color,#87c7eb) 10%, white)!important}.ppShipCardIcon{background:color-mix(in srgb, var(--ship-color,#87c7eb) 15%, white);width:44px;height:44px;color:var(--ship-color,#87c7eb);border-radius:12px;justify-content:center;align-items:center;font-size:22px;transition:all .18s;display:flex}.ppShipCardActive .ppShipCardIcon{background:var(--ship-color,#87c7eb);color:#fff}.ppShipCardName{color:#374151;font-size:12px;font-weight:600;line-height:1.3}.ppShipCardCheck{background:var(--ship-color,#87c7eb);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:6px;right:6px}.ppShipDoneBadge{color:#16a34a;background:#dcfce7;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:flex}@media (max-width:600px){.ppWrapper{padding:1.5rem 1rem 3rem}.ppPageTitle{font-size:1.25rem}.ppItemBody{padding:16px 16px 20px}.ppCatTab{padding:6px 11px;font-size:12px}.ppStepBar{padding:14px 16px}.ppStepLine{flex:0 0 30px;margin:0 8px}.ppShipGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:400px){.ppShipGrid{grid-template-columns:repeat(2,1fr)}}.ppSection{background:#fafbff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.ppSectionOptional{background:#f8fafc;border-color:#e9eef5}.ppSectionHeader{align-items:center;gap:8px;margin-bottom:2px;display:flex}.ppSectionDot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ppDotBlue{background:#3b82f6}.ppDotPurple{background:#8b5cf6}.ppDotGreen{background:#10b981}.ppDotOrange{background:#f59e0b}.ppDotGray{background:#94a3b8}.ppSectionTitle{color:#1e293b;letter-spacing:-.01em;font-size:13px;font-weight:700}.ppReqBadge{color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:1px 7px;font-size:10px;font-weight:600}.ppApplyAllCard{background:linear-gradient(135deg,#f0f9ff 0%,#e8f4fb 100%);border:1.5px solid #87c7eb;border-radius:16px;flex-direction:column;gap:14px;margin-bottom:20px;padding:20px;display:flex}.ppApplyAllHeader{align-items:flex-start;gap:12px;display:flex}.ppApplyAllIcon{color:#5ba4cc;flex-shrink:0;margin-top:2px;font-size:22px}.ppApplyAllTitle{color:#1e293b;font-size:14px;font-weight:700}.ppApplyAllSub{color:#64748b;margin-top:2px;font-size:12px}.ppShipGridSm{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important}.ppApplyAllPriceRow{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.ppApplyBtn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#87c7eb 0%,#5ba4cc 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 3px 10px #5ba4cc59}.ppApplyBtn:hover{opacity:.9;transform:translateY(-1px)}.ppApplyBtn:active{transform:translateY(0)}@media (max-width:540px){.ppApplyAllPriceRow{flex-direction:column;align-items:stretch}.ppApplyBtn{justify-content:center}.ppShipGridSm{grid-template-columns:repeat(3,1fr)!important}}html,body{background-color:#fff;width:100%;margin:0 auto;padding:0;font-family:Prompt,Mitr,sans-serif}#root{width:100%}.container,.page-container{max-width:1440px;margin:0 auto}.pdPage{background:#f7f9fc;min-height:100vh;font-family:Mitr,Kanit,sans-serif}.pdContainer{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.pdBreadcrumb{color:#888;align-items:center;gap:4px;margin-bottom:24px;font-size:13px;display:flex}.pdBreadcrumb a{color:#5285e8;text-decoration:none}.pdBreadcrumb a:hover{text-decoration:underline}.pdBreadcrumb span{color:#444}.pdLoading,.pdError{color:#888;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;font-size:16px;display:flex}.pdError button{color:#5285e8;cursor:pointer;background:#fff;border:1.5px solid #5285e8;border-radius:999px;margin-top:8px;padding:8px 24px;font-size:14px}.pdSpinner{animation:.8s linear infinite spin}.pdMain{background:#fff;border-radius:20px;grid-template-columns:380px 1fr;gap:28px;margin-bottom:28px;padding:22px 28px;display:grid;box-shadow:0 2px 16px #0000000f}.pdImages{flex-direction:column;gap:10px;display:flex}.pdMainImg{aspect-ratio:1;background:#f1f5f9;border-radius:14px;max-height:340px;position:relative;overflow:hidden}.pdMainImg img{object-fit:cover;width:100%;height:100%;display:block}.pdImgPlaceholder{color:#ccc;justify-content:center;align-items:center;width:100%;height:100%;font-size:80px;display:flex}.pdStockBadge{color:#fff;z-index:2;background:#0000008c;border-radius:20px;padding:4px 10px;font-size:12px;position:absolute;top:12px;right:12px}.pdThumbs{flex-wrap:wrap;gap:8px;display:flex}.pdThumb{cursor:pointer;opacity:.65;border:2px solid #0000;border-radius:8px;width:64px;height:64px;transition:opacity .2s,border-color .2s;overflow:hidden}.pdThumb img{object-fit:cover;width:100%;height:100%}.pdThumbActive{opacity:1;border-color:#5285e8}.pdInfo{flex-direction:column;gap:12px;display:flex}.pdTitle{color:#111827;margin:0;font-size:20px;font-weight:600;line-height:1.4}.pdSchool{color:#666;align-items:center;gap:6px;font-size:14px;display:flex}.pdSchool svg,.pdSchool [class*=iconify]{font-size:17px}.pdPrice{color:#5285e8;font-size:30px;font-weight:600}.pdPrice span{color:#888;font-size:15px;font-weight:400}.pdDetails{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;flex-direction:column;gap:8px;padding:12px 0;display:flex}.pdDetailRow{align-items:center;gap:10px;font-size:14px;display:flex}.pdDetailRow svg,.pdDetailRow [class*=iconify]{font-size:17px}.pdDetailLabel{color:#888;flex-shrink:0;min-width:80px}.pdDetailVal{color:#111827;overflow-wrap:anywhere;min-width:0}.pdNoData{color:#bbb}.pdBadgeLevel{color:#0c447c;background:#e6f1fb;border-radius:20px;padding:3px 10px;font-size:12px}.pdBadgeCond{color:#633806;background:#faeeda;border-radius:20px;padding:3px 10px;font-size:12px}.pdDesc{color:#555;font-size:14px}.pdDescLabel{color:#333;margin-bottom:6px;font-weight:500}.pdDesc p{white-space:pre-wrap;margin:0;line-height:1.7}.pdSeller{background:#f7f9fc;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.pdSellerAvatar{color:#185fa5;background:#e6f1fb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:600;display:flex}.pdSellerInfo{flex:1}.pdSellerName{color:#111827;font-size:15px;font-weight:500}.pdSellerLabel{color:#888;font-size:12px}.pdSellerPhone{color:#5285e8;white-space:nowrap;align-items:center;gap:4px;font-size:13px;text-decoration:none;display:flex}.pdSellerPhone:hover{text-decoration:underline}.pdActions{flex-wrap:wrap;gap:12px;display:flex}.pdCartBtn{color:#fff;cursor:pointer;background:#ffbe1b;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:160px;height:52px;font-family:Mitr,sans-serif;font-size:16px;font-weight:500;transition:background .18s;display:flex}.pdCartBtn:hover:not(:disabled){background:#f0ad00}.pdCartBtn:disabled{cursor:not-allowed;background:#ccc}.pdBuyBtn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.pdBuyBtn:hover:not(:disabled){background:#ea6c0a}.pdBuyBtn:disabled{opacity:.5;cursor:not-allowed}.pdBackBtn{color:#555;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;align-items:center;gap:6px;height:52px;padding:0 24px;font-size:15px;text-decoration:none;transition:border-color .18s;display:flex}.pdBackBtn:hover{color:#5285e8;border-color:#5285e8}.pdCartMsg{border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}.pdCartMsgOk{color:#065f46;background:#ecfdf5}.pdCartMsgErr{color:#991b1b;background:#fef2f2}.pdRelated{margin-top:8px}.pdRelatedTitle{color:#1d4ed8;align-items:center;gap:10px;margin-bottom:6px;font-size:22px;font-weight:700;display:flex}.pdRelatedTitleAlt{color:#374151}.pdRelatedTitleIcon{flex-shrink:0;align-items:center;font-size:28px;display:flex}.pdProjSub{color:#64748b;margin:0 0 14px;font-size:13px}.pdRelGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pdProjGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.pdProjCard{background:#fff;border:1px solid #e5edf7;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.pdProjCard:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 10px 24px #2563eb1f}.pdProjCardSelected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 8px 20px #2563eb1f}.pdProjCardSelected:hover{border-color:#3b82f6}.pdProjCover{aspect-ratio:4/3;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);position:relative;overflow:hidden}.pdProjCover img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.pdProjCard:hover .pdProjCover img{transform:scale(1.04)}.pdProjCoverPh{color:#93c5fd;justify-content:center;align-items:center;width:100%;height:100%;font-size:56px;display:flex}.pdProjBadge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 6px #0000001a}.pdProjBadge svg{font-size:13px}.pdProjBadgeUrgent{color:#b91c1c;background:#fee2e2f2}.pdProjBadgeMost{color:#c2410c;background:#ffedd5f2}.pdProjSelectedMark{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;animation:.25s ease-out pdProjPop;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 3px 8px #22c55e66}@keyframes pdProjPop{0%{transform:scale(0)}80%{transform:scale(1.15)}to{transform:scale(1)}}.pdProjBody{flex-direction:column;flex:1;gap:6px;padding:10px 12px 12px;display:flex}.pdProjTitle{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.pdProjSchool,.pdProjAddr,.pdProjMeta{color:#475569;align-items:center;gap:5px;font-size:11px;line-height:1.4;display:flex}.pdProjSchool svg,.pdProjAddr svg,.pdProjMeta svg{color:#64748b;flex-shrink:0;font-size:14px}.pdProjSchool span,.pdProjAddr span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pdProjMeta{color:#1e40af;background:#eff6ff;border-radius:8px;margin-top:2px;padding:6px 10px;font-size:11px;font-weight:500}.pdProjMeta svg{color:#2563eb;font-size:13px}.pdProjMeta b{color:#1d4ed8;font-weight:700}.pdProjProgress{flex-direction:column;gap:6px;margin-top:4px;display:flex}.pdProjProgressTop{color:#475569;justify-content:space-between;align-items:center;font-size:12px;display:flex}.pdProjProgressTop b{color:#0f172a;font-weight:700}.pdProjProgressPct{color:#2563eb;font-size:13px;font-weight:700}.pdProjProgressTrack{background:#e2e8f0;border-radius:999px;height:7px;overflow:hidden}.pdProjProgressFill{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border-radius:999px;height:100%;transition:width .4s}.pdProjActions{gap:6px;margin-top:6px;display:flex}.pdProjDetailBtn,.pdProjSelectBtn{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;height:32px;font-family:Mitr,Kanit,sans-serif;font-size:11px;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.pdProjDetailBtn{color:#334155;background:#fff;border:1px solid #cbd5e1}.pdProjDetailBtn:hover{color:#5285e8;background:#f8fafc;border-color:#5285e8}.pdProjSelectBtn{cursor:pointer;color:#fff;background:#2563eb;border:none}.pdProjSelectBtn:hover{background:#1d4ed8}.pdProjSelectBtnOn{background:#16a34a}.pdProjSelectBtnOn:hover{background:#15803d}.pdRelCard{cursor:pointer;background:#fff;border:.5px solid #f0f4f8;border-radius:14px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.pdRelCard:hover{transform:translateY(-3px);box-shadow:0 8px 20px #5285e81f}.pdRelThumb{aspect-ratio:1;background:#f1f5f9;position:relative;overflow:hidden}.pdRelThumb img{object-fit:cover;width:100%;height:100%;display:block}.pdRelPlaceholder{color:#ccc;justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;display:flex}.pdRelBadge{color:#fff;background:#00000080;border-radius:20px;padding:2px 8px;font-size:11px;position:absolute;top:8px;right:8px}.pdRelBody{padding:12px 14px 14px}.pdRelTitle{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:13px;font-weight:500;overflow:hidden}.pdRelSchool{color:#888;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;margin-bottom:6px;font-size:11px;display:flex;overflow:hidden}.pdRelPrice{color:#5285e8;font-size:15px;font-weight:500}@media (max-width:1024px){.pdProjGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.pdContainer{padding:18px 16px 48px}.pdBreadcrumb{white-space:nowrap;margin-bottom:16px;overflow:hidden}.pdBreadcrumb span{text-overflow:ellipsis;overflow:hidden}.pdMain{border-radius:16px;grid-template-columns:1fr;gap:20px;padding:18px}.pdMainImg{max-height:none}.pdRelGrid,.pdProjGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdRelatedTitle{font-size:20px;line-height:1.35}.pdProjSub{line-height:1.6}}@media (max-width:480px){.pdContainer{padding:12px 10px 36px}.pdBreadcrumb{margin:0 4px 12px;font-size:11px}.pdMain{border-radius:14px;gap:16px;margin-bottom:24px;padding:12px}.pdMainImg{border-radius:10px}.pdThumb{width:52px;height:52px}.pdInfo{gap:10px}.pdTitle{font-size:17px;line-height:1.5}.pdSchool{font-size:12px}.pdPrice{font-size:25px}.pdPrice span{font-size:13px}.pdDetails{gap:7px;padding:10px 0}.pdDetailRow{align-items:flex-start;gap:8px;font-size:13px;line-height:1.55}.pdDetailLabel{min-width:66px}.pdBadgeLevel,.pdBadgeCond{font-size:11px;line-height:1.4;display:inline-block}.pdDesc{font-size:13px}.pdSeller{padding:10px}.pdSellerAvatar{width:40px;height:40px}.pdSellerName{font-size:14px}.pdSellerPhone{font-size:12px}.pdActions{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px;display:grid}.pdCartBtn,.pdBuyBtn{border-radius:12px;width:100%;min-width:0;height:48px;padding:0 10px;font-size:13px;line-height:1.25}.pdBackBtn{grid-column:1/-1;width:fit-content;height:44px;padding:0 20px;font-size:13px}.pdRelated{margin-top:4px}.pdRelatedTitle{gap:7px;margin:0 2px 6px;font-size:18px}.pdRelatedTitleIcon{font-size:23px}.pdProjSub{margin:0 2px 12px;font-size:12px}.pdRelGrid,.pdProjGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pdProjCard{border-radius:12px}.pdProjCover{aspect-ratio:4/3}.pdProjBadge{gap:2px;max-width:calc(100% - 12px);padding:3px 6px;font-size:9px;top:6px;left:6px}.pdProjBadge svg{font-size:11px}.pdProjSelectedMark{width:25px;height:25px;font-size:17px;top:6px;right:6px}.pdProjBody{gap:5px;padding:8px}.pdProjTitle{font-size:11px;line-height:1.45}.pdProjSchool,.pdProjAddr,.pdProjMeta{font-size:9.5px}.pdProjAddr{display:none}.pdProjProgressTop{align-items:flex-start;gap:4px;font-size:9px;line-height:1.35}.pdProjProgressPct{flex-shrink:0;font-size:10px}.pdProjProgressTrack{height:5px}.pdProjMeta{padding:5px 6px;line-height:1.3}.pdProjActions{flex-direction:column;gap:5px}.pdProjDetailBtn,.pdProjSelectBtn{flex:none;gap:3px;width:100%;height:30px;padding:0 4px;font-size:9.5px}.pdRelCard{border-radius:12px}.pdRelBody{padding:9px 9px 10px}.pdRelTitle{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;margin-bottom:4px;font-size:11px;line-height:1.45;display:-webkit-box}.pdRelSchool{margin-bottom:4px;font-size:9.5px}.pdRelPrice{font-size:13px}.pdRelBadge{padding:2px 6px;font-size:9px;top:6px;right:6px}}.ppShipOptions{flex-direction:column;gap:8px;display:flex}.ppShipOption{cursor:pointer;border:2px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:border-color .2s,background .2s;display:flex}.ppShipOption:hover{border-color:#93c5fd}.ppShipOptionActive{background:#eff6ff;border-color:#3b82f6}.ppShipName{font-size:.95rem;font-weight:600}.cpPage{background:#f7f9fc;min-height:100vh;font-family:Mitr,Kanit,sans-serif}.cpContainer{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.cpHeader{align-items:center;gap:12px;margin-bottom:24px;display:flex}.cpTitle{color:#1d4ed8;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:600;display:flex}.cpCount{color:#888;background:#f0f4ff;border-radius:20px;padding:4px 12px;font-size:14px}.cpLoading{color:#888;justify-content:center;align-items:center;gap:10px;padding:80px;font-size:16px;display:flex}.cpSpinner{animation:.8s linear infinite spin}.cpEmpty{color:#aaa;flex-direction:column;align-items:center;gap:16px;padding:80px 20px;display:flex}.cpEmpty p{color:#888;margin:0;font-size:18px}.cpShopBtn{color:#fff;background:#5285e8;border-radius:999px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;text-decoration:none;transition:background .18s;display:flex}.cpShopBtn:hover{background:#3b6fd4}.cpLayout{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}.cpSelectAll{background:#fff;border:.5px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:14px 18px}.cpCheckLabel{color:#374151;cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.cpCheckLabel input{cursor:pointer;accent-color:#5285e8;width:18px;height:18px}.cpGroup{background:#fff;border:.5px solid #e5e7eb;border-radius:14px;margin-bottom:12px;overflow:hidden}.cpGroupHeader{background:#fafafa;border-bottom:.5px solid #f0f0f0;align-items:center;gap:10px;padding:14px 18px;display:flex}.cpSellerAvatar{color:#185fa5;background:#e6f1fb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.cpSellerName{color:#374151;font-size:14px;font-weight:500}.cpItem{border-bottom:.5px solid #f5f5f5;grid-template-columns:24px 90px 1fr auto;align-items:start;gap:14px;padding:16px 18px;transition:background .15s;display:grid}.cpItem:last-child{border-bottom:none}.cpItemSelected{background:#f0f6ff}.cpItemCheck{cursor:pointer;accent-color:#5285e8;width:18px;height:18px;margin-top:2px}.cpItemImg{background:#f1f5f9;border-radius:10px;flex-shrink:0;width:90px;height:90px;display:block;overflow:hidden}.cpItemImg img{object-fit:cover;width:100%;height:100%;display:block}.cpItemPlaceholder{color:#ccc;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;display:flex}.cpItemInfo{flex-direction:column;gap:4px;display:flex}.cpItemTitle{color:#111827;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none}.cpItemTitle:hover{color:#5285e8}.cpItemMeta{color:#888;align-items:center;gap:4px;font-size:12px;display:flex}.cpItemStock{color:#22c55e;margin-top:2px;font-size:11px}.cpItemStockWarn{color:#dc2626;font-weight:600}.cpItemRight{flex-direction:column;align-items:flex-end;gap:8px;min-width:130px;display:flex}.cpItemPrice{color:#5285e8;font-size:16px;font-weight:500}.cpQtyRow{align-items:center;gap:8px;display:flex}.cpQtyBtn{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;transition:border-color .15s;display:flex}.cpQtyBtn:hover:not(:disabled){color:#5285e8;border-color:#5285e8}.cpQtyBtn:disabled{opacity:.4;cursor:not-allowed}.cpQty{text-align:center;min-width:20px;font-size:15px;font-weight:500}.cpItemSubtotal{color:#666;font-size:12px}.cpRemoveBtn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-size:12px;display:flex}.cpRemoveBtn:hover{color:#b91c1c}.cpSummaryCard{background:#fff;border:.5px solid #e5e7eb;border-radius:16px;padding:24px;position:sticky;top:24px}.cpSummaryTitle{color:#111827;margin-bottom:16px;font-size:16px;font-weight:600}.cpSummaryRows{flex-direction:column;gap:10px;display:flex}.cpSummaryRow{color:#555;justify-content:space-between;font-size:14px;display:flex}.cpSummaryDivider{background:#f0f0f0;height:1px;margin:16px 0}.cpSummaryTotal{color:#111827;justify-content:space-between;margin-bottom:20px;font-size:15px;font-weight:600;display:flex}.cpTotalPrice{color:#5285e8;font-size:20px}.cpCheckoutBtn{color:#fff;cursor:pointer;background:#ffbe1b;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;margin-bottom:10px;font-family:Mitr,sans-serif;font-size:15px;font-weight:500;transition:background .18s;display:flex}.cpCheckoutBtn:hover:not(:disabled){background:#f0ad00}.cpCheckoutBtn:disabled{cursor:not-allowed;background:#ddd}.cpContinueBtn{color:#555;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:100%;height:44px;font-size:14px;text-decoration:none;transition:border-color .18s;display:flex}.cpContinueBtn:hover{color:#5285e8;border-color:#5285e8}@media (max-width:768px){.cpContainer{padding:16px 14px 48px}.cpHeader{flex-wrap:wrap;gap:8px;margin-bottom:16px}.cpTitle{font-size:20px}.cpLayout{grid-template-columns:1fr;gap:16px}.cpSelectAll{padding:12px 14px}.cpCheckLabel{font-size:13px;line-height:1.4}.cpGroupHeader{padding:12px 14px}.cpItem{grid-template-columns:22px 72px 1fr;grid-template-areas:"check img info""actions actions actions";align-items:start;gap:10px 12px;padding:14px 12px}.cpItemCheck{grid-area:check;margin-top:4px}.cpItemImg{grid-area:img;width:72px;height:72px}.cpItemInfo{grid-area:info;min-width:0}.cpItemTitle{word-break:break-word;font-size:13px}.cpItemMeta{flex-wrap:wrap}.cpItemRight{min-width:unset;border-top:.5px solid #f0f0f0;flex-flow:wrap;grid-area:actions;justify-content:space-between;align-items:center;gap:10px 12px;width:100%;margin-top:2px;padding-top:10px}.cpItemPrice{font-size:15px}.cpQtyBtn{width:32px;height:32px}.cpRemoveBtn{margin-left:auto}.cpSummaryCard{padding:18px 16px;position:static}}@media (max-width:480px){.cpContainer{padding:12px 12px 40px}.cpTitle{font-size:18px}.cpCount{font-size:12px}.cpItem{grid-template-columns:20px 64px 1fr;gap:8px 10px;padding:12px 10px}.cpItemImg{width:64px;height:64px}.cpItemRight{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:8px 10px;display:grid}.cpItemPrice{grid-area:1/1;font-size:14px}.cpQtyRow{grid-area:1/2;justify-self:end}.cpItemSubtotal{grid-area:2/1}.cpRemoveBtn{grid-area:2/2;justify-self:end;margin-left:0;padding:6px 0}.cpCheckoutBtn{height:48px;font-size:14px}}.coPage{background:#f7f9fc;min-height:100vh;font-family:Mitr,Kanit,sans-serif}.coContainer{max-width:1060px;margin:0 auto;padding:24px 20px 60px}.coSteps{justify-content:center;align-items:center;gap:0;margin-bottom:32px;display:flex}.coStep{color:#aaa;align-items:center;gap:8px;font-size:13px;display:flex}.coStepLine{background:#e5e7eb;flex-shrink:0;width:64px;height:2px;margin:0 10px}.coStepLineActive{background:#5285e8}.coStepLineDone{background:#22c55e}.coStepCircle{color:#aaa;background:#fff;border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.coStepActive .coStepCircle{color:#5285e8;background:#e8f0fe;border-color:#5285e8}.coStepDone .coStepCircle{color:#fff;background:#22c55e;border-color:#22c55e}.coStepActive span,.coStepDone span{color:#374151;font-weight:500}.coLoading{color:#888;justify-content:center;align-items:center;gap:10px;padding:80px;display:flex}.coSpinner{animation:.8s linear infinite spin;display:inline-block}.coEmpty{color:#bbb;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px;display:flex}.coEmpty p{color:#888;margin:0;font-size:15px}.coLayout{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.coSection{background:#fff;border:.5px solid #e5e7eb;border-radius:16px;padding:28px}.coSection h2{color:#111827;align-items:center;gap:8px;margin:0 0 20px;font-size:17px;font-weight:600;display:flex}.coSectionHead{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.coSectionHead h2{margin:0}.coAddBtn{color:#5285e8;cursor:pointer;background:#fff;border:1.5px solid #5285e8;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-family:Mitr,sans-serif;font-size:13px;transition:all .18s;display:flex}.coAddBtn:hover{background:#e8f0fe}.coAddrList{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.coAddrCard{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.coAddrCard:hover{border-color:#93b4f5}.coAddrCardSel{background:#f0f6ff;border-color:#5285e8;box-shadow:0 4px 12px #5285e814}.coAddrRadio{padding-top:2px}.coAddrRadio input{accent-color:#5285e8;width:16px;height:16px}.coAddrBody{flex:1}.coAddrTop{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.coAddrName{color:#111827;font-size:14px;font-weight:600}.coAddrPhone{color:#555;font-size:13px}.coBadgeDefault{color:#fff;background:#22c55e;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500}.coAddrText{color:#555;font-size:13px;line-height:1.6}.coAddrBtns{flex-shrink:0;gap:6px;display:flex}.coAddrBtn{cursor:pointer;color:#888;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:all .15s;display:flex}.coAddrBtn:hover{color:#5285e8;border-color:#5285e8}.coAddrBtnDel:hover{color:#ef4444;border-color:#ef4444}.coShipNote{color:#6b7280;background:#f0f6ff;border-radius:10px;align-items:center;gap:6px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.coSellerList{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.coSellerBlock{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.coSellerAvatarSm{color:#185fa5;background:#e6f1fb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:flex}.coSellerNameSm{color:#374151;flex:1;font-size:14px;font-weight:500}.coSellerSubtotal{color:#5285e8;font-size:13px;font-weight:500}.coSellerItems{flex-direction:column;gap:10px;padding:12px 18px;display:flex}.coSellerItem{align-items:center;gap:12px;display:flex}.coSellerItemImg{color:#ccc;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex;overflow:hidden}.coSellerItemImg img{object-fit:cover;width:100%;height:100%}.coSellerItemInfo{flex:1}.coSellerItemTitle{color:#111827;font-size:13px;font-weight:500}.coSellerItemMeta{color:#888;font-size:11px}.coSellerItemPrice{color:#5285e8;white-space:nowrap;font-size:13px;font-weight:500}.coShipSection{border-top:1px solid #f0f0f0;padding:16px 18px}.coShipSectionTitle{color:#374151;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.coShipOptions{flex-direction:column;gap:10px;display:flex}.coShipOption{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.coShipOption:hover{border-color:#93b4f5;box-shadow:0 2px 8px #5285e814}.coShipOptionSel{background:#f0f6ff;border-color:#5285e8;box-shadow:0 2px 12px #5285e81f}.coShipOption input{accent-color:#5285e8;flex-shrink:0;width:16px;height:16px}.coShipOptionLogo{background:#f5f7ff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;overflow:hidden}.coShipOptionCode{color:#3b6fd4;text-align:center;background:#e8f0fe;border-radius:6px;flex-shrink:0;min-width:44px;padding:3px 8px;font-size:11px;font-weight:700}.coShipOptionInfo{flex:1}.coShipOptionName{color:#111827;font-size:13px;font-weight:600}.coShipOptionDesc{color:#888;align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.coShipOptionPrice{color:#5285e8;white-space:nowrap;font-size:15px;font-weight:700}.coFree{color:#16a34a}.coConfirmBlock{border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex}.coConfirmIcon{color:#5285e8;flex-shrink:0;margin-top:2px;font-size:18px}.coConfirmContent{flex:1}.coConfirmLabelText{color:#888;margin-bottom:4px;font-size:12px}.coConfirmVal{color:#374151;font-size:13px;line-height:1.6}.coEditLink{color:#5285e8;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:4px 0;font-size:12px}.coEditLink:hover{text-decoration:underline}.coConfirmSeller{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;overflow:hidden}.coConfirmSellerHead{background:#fafafa;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.coConfirmShipTag{color:#5285e8;background:#e8f0fe;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:flex}.coConfirmItem{border-bottom:1px solid #f5f5f5;align-items:center;gap:12px;padding:12px 16px;display:flex}.coConfirmItem:last-of-type{border-bottom:none}.coConfirmItemImg{color:#ccc;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex;overflow:hidden}.coConfirmItemImg img{object-fit:cover;width:100%;height:100%}.coConfirmItemInfo{flex:1}.coConfirmItemTitle{color:#111827;font-size:13px;font-weight:500}.coConfirmItemMeta{color:#888;font-size:12px}.coConfirmItemPrice{color:#5285e8;white-space:nowrap;font-size:13px;font-weight:500}.coConfirmSellerFoot{color:#555;text-align:right;background:#fafafa;border-top:1px solid #f0f0f0;padding:10px 16px;font-size:13px}.coErr{color:#991b1b;background:#fef2f2;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.coNavBtns{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.coBtnPrimary{color:#fff;cursor:pointer;background:#5285e8;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 28px;font-family:Mitr,sans-serif;font-size:15px;font-weight:500;transition:background .18s;display:flex}.coBtnPrimary:hover:not(:disabled){background:#3b6fd4}.coBtnPrimary:disabled{cursor:not-allowed;background:#ccc}.coBtnOutline{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-family:Mitr,sans-serif;font-size:15px;text-decoration:none;transition:border-color .18s;display:flex}.coBtnOutline:hover{color:#5285e8;border-color:#5285e8}.coBtnYellow{color:#fff;cursor:pointer;background:#ffbe1b;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 32px;font-family:Mitr,sans-serif;font-size:15px;font-weight:500;transition:background .18s;display:flex}.coBtnYellow:hover:not(:disabled){background:#f0ad00}.coBtnYellow:disabled{cursor:not-allowed;background:#ccc}.coSummaryCard{background:#fff;border:.5px solid #e5e7eb;border-radius:16px;padding:22px;position:sticky;top:24px}.coSummaryTitle{color:#111827;margin-bottom:14px;font-size:15px;font-weight:600}.coSummaryGroup{margin-bottom:14px}.coSummaryGroupName{color:#888;align-items:center;gap:4px;margin-bottom:6px;font-size:12px;font-weight:500;display:flex}.coSummaryItem{color:#555;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.coSummaryItemName{flex:1}.coSummaryShip{color:#888;border-top:1px dashed #f0f0f0;justify-content:space-between;gap:8px;margin-top:4px;padding-top:4px;font-size:12px;display:flex}.coSummaryDivider{background:#f0f0f0;height:1px;margin:12px 0}.coSummaryRow{color:#555;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.coSummaryTotal{color:#111827;justify-content:space-between;margin-top:4px;font-size:15px;font-weight:600;display:flex}.coTotalPrice{color:#5285e8;font-size:20px}.coModalOverlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.coModal{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.coModalLg{max-width:620px}.coModalHeader{z-index:2;background:#fff;border-bottom:1px solid #f0f0f0;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.coModalHeaderLeft{color:#5285e8;align-items:center;gap:8px;display:flex}.coModalHeader h3{color:#111827;margin:0;font-size:17px;font-weight:600}.coModalClose{cursor:pointer;color:#555;background:#f5f5f5;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.coModalBody{padding:22px 24px}.coModalFooter{z-index:2;background:#fff;border-top:1px solid #f0f0f0;border-radius:0 0 20px 20px;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.coModalErr{color:#991b1b;background:#fef2f2;border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.coModalSection{background:#f9fafb;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:14px;padding:16px}.coModalSectionFlat{background:0 0;border:none;margin-bottom:4px;padding:4px 0}.coModalSectionTitle{color:#5285e8;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.coFormGrid,.coFormGrid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.coFormGrid3{grid-template-columns:1fr 1fr;gap:12px;display:grid}.coFormGridFull{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}.coSpan2{grid-column:1/-1}.coFormGroup{flex-direction:column;gap:5px;display:flex}.coFormGroupErr .coFormInput,.coFormGroupErr input{border-color:#ef4444!important}.coFormLabel{color:#555;font-size:12.5px;font-weight:500}.coFormRequired{color:#ef4444;margin-left:2px}.coFormErrMsg{color:#ef4444;align-items:center;gap:4px;margin-top:2px;font-size:11.5px;display:flex}.coFormGroup label{color:#555;font-size:13px;font-weight:500}.coFormGroup input,.coFormInput{box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;height:42px;padding:0 14px;font-family:Mitr,sans-serif;font-size:14px;transition:border-color .15s}.coFormGroup input:focus,.coFormInput:focus{border-color:#5285e8;box-shadow:0 0 0 3px #5285e81a}.coInputErr{border-color:#ef4444!important}.coInputWrap{position:relative}.coInputIcon{color:#9ca3af;pointer-events:none;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.coInputWithIcon{padding-left:36px!important}.coInputWrapRel{position:relative}.coAddrDropdown{z-index:9999;background:#fff;border:1.5px solid #e0e7ff;border-radius:10px;max-height:260px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 8px 24px #0000001f}.coAddrDropdownLoading{max-height:none}.coAddrDropdownHint{color:#6b7280;cursor:default;background:#f9fafb;justify-content:center;font-size:12px}.coAddrDropdownHint:hover{background:#f9fafb}.coAddrSpin{margin-right:6px;animation:.8s linear infinite coAddrSpin}@keyframes coAddrSpin{to{transform:rotate(360deg)}}.coAddrDropdownItem{cursor:pointer;flex-wrap:wrap;align-items:center;gap:2px;padding:9px 14px;font-size:13px;transition:background .12s;display:flex}.coAddrDropdownItem:hover{background:#eef2ff}.coAddrDropTambon{color:#1e40af;font-weight:600}.coAddrDropAmphoe{color:#374151}.coAddrDropProv{color:#6b7280}.coAddrDropSep{color:#d1d5db}.coAddrDropZip{color:#3730a3;background:#e0e7ff;border-radius:20px;margin-left:auto;padding:1px 8px;font-size:11.5px;font-weight:600}.coAddrHint{color:#6b7280;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:6px;margin-bottom:10px;padding:7px 12px;font-size:12px;display:flex}.coCheckLabel{cursor:pointer;color:#374151;align-items:center;gap:8px;font-size:14px;display:flex}.coCheckLabel input{accent-color:#5285e8;width:17px;height:17px}.coShipFixed{color:#166534;background:#f0fdf4;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;font-size:.9rem;display:flex}@media (max-width:768px){.coContainer{padding:16px 14px 48px}.coLayout{grid-template-columns:1fr;gap:16px}.coSummaryCard{padding:18px 16px;position:static}.coSection{border-radius:14px;padding:20px 16px}.coSection h2{margin-bottom:16px;font-size:16px}.coSectionHead{flex-direction:column;align-items:flex-start;gap:12px}.coSteps{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:20px;padding:0 4px;overflow-x:auto}.coSteps::-webkit-scrollbar{display:none}.coStep{flex-shrink:0;gap:6px;font-size:11px}.coStepCircle{width:28px;height:28px;font-size:12px}.coStepLine{width:24px;margin:0 6px}.coNavBtns{flex-direction:column-reverse;gap:10px;margin-top:20px}.coNavBtns .coBtnPrimary,.coNavBtns .coBtnOutline,.coNavBtns a.coBtnOutline{justify-content:center;width:100%;padding:13px 20px;font-size:14px}.coFormGrid,.coFormGrid2,.coFormGrid3{grid-template-columns:1fr}.coSpan2{grid-column:1}.coModalLg{border-radius:16px 16px 0 0;max-width:100%}.coModalOverlay{align-items:flex-end;padding:0}.coModalFooter{flex-direction:column-reverse}.coModalFooter .coBtnPrimary,.coModalFooter .coBtnOutline{justify-content:center;width:100%}.coAddrCard{gap:10px;padding:14px}.coAddrTop{gap:6px}.coAddrName{font-size:13px}.coAddrText{font-size:12px}.coSellerHeader{padding:12px 14px}.coSellerItems{padding:10px 14px}.coShipSection{padding:14px}.coShipOption{gap:10px;padding:12px}.coShipOptionLogo{width:44px;height:44px}.coShipOptionName{white-space:normal;font-size:13px}.coShipOptionPrice{font-size:13px}.coConfirmBlock{gap:10px;padding:12px 14px}.coConfirmVal{font-size:12px}.coSummaryGroup{margin-bottom:12px}.coDonationNote{padding:10px 12px;font-size:12px}.coPayMethodBar{margin-bottom:14px}.coPayMethodBtn{padding:11px 12px;font-size:13px}.coCardForm{border-color:#e8edf5;border-radius:14px;padding:18px 16px}.coCardFormHeader{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px;padding-bottom:14px}.coCardFormTitle{font-size:14px}.coCardBrands{border-top:1px solid #f0f0f0;justify-content:flex-start;gap:8px;width:100%;padding-top:10px}.coCardBrandChip{width:40px;height:26px}.coCardFormBody{grid-template-columns:1fr 1fr;gap:14px 12px;margin-bottom:16px}.coCardField{gap:6px}.coCardField label{font-size:11.5px}.coCardField input{height:44px;padding:0 12px;font-size:15px}.coCardNumWrap input{letter-spacing:1px;font-size:14px;padding-left:38px!important;padding-right:46px!important}.coCardTestNote{border-radius:10px;margin-top:6px;padding:9px 10px;font-size:11px;line-height:1.5}.coCardTestNote svg{font-size:14px}.coCardTotal{margin-bottom:14px;padding:12px 14px;font-size:13px}.coCardTotalAmt{font-size:17px}.coCardPayBtn{border-radius:12px!important;padding:15px 20px!important;font-size:15px!important}.coCardSecureNote{text-align:center;margin-top:12px;padding:0 4px;font-size:11px;line-height:1.5}.coDonationBanner{padding:9px 14px;font-size:12px}.coDonationAddrToggle{flex-direction:column;gap:6px}.coDonationAddrToggleBtn,.coDonationToggleBtn{padding:11px 14px;font-size:13px}}@media (max-width:480px){.coContainer{padding:12px 12px 40px}.coSection{padding:16px 14px}.coStep span{text-align:center;max-width:72px;line-height:1.25}.coStepLine{width:16px;margin:0 4px}.coCardForm{padding:16px 14px}.coCardFormBody{grid-template-columns:1fr;gap:14px}.coCardField.coSpan2{grid-column:1}.coCardFormTitle{font-size:13px}.coCardField input{height:46px}.coSellerItem{flex-wrap:wrap}.coSellerItemPrice{text-align:right;width:100%;padding-top:4px}}.coDonationBanner{color:#0c447c;background:#e6f1fb;border-bottom:1px solid #b5d4f4;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:500;display:flex}.coDonationAddrBlock{background:#f0f7ff;border:1.5px solid #b5d4f4;border-radius:12px;margin-bottom:16px;padding:16px}.coDonationAddrBadge{color:#fff;background:#378add;border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.coDonationProject{color:#185fa5;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;display:flex}.coDonationAddrCard{background:#fff;border:.5px solid #b5d4f4;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.coDonationAddrName{color:var(--color-text-primary);margin-bottom:3px;font-size:14px;font-weight:600}.coDonationAddrText{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.coDonationAddrPhone{color:var(--color-text-secondary);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.coDonationAddrNote{color:#185fa5;align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.coDonationNote{color:#15803d;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;align-items:flex-start;gap:8px;margin:12px 0;padding:10px 14px;font-size:13px;display:flex}.coBtnGreen{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;align-items:center;gap:6px;padding:12px 24px;font-size:14px;font-weight:700;transition:opacity .15s;display:flex}.coBtnGreen:disabled{opacity:.6;cursor:not-allowed}.coBtnGreen:hover:not(:disabled){opacity:.9}.coSummaryDonationTag{color:#0c447c;background:#e6f1fb;border-radius:6px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 10px;font-size:12px;font-weight:600;display:flex}.coSummaryDonationAddr{color:var(--color-text-secondary);align-items:flex-start;gap:8px;padding:8px 0;font-size:13px;display:flex}.coPayMethodBar{gap:10px;margin-bottom:20px;display:flex}.coPayMethodBtn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:Mitr,Kanit,sans-serif;font-size:14px;font-weight:500;transition:all .18s;display:flex}.coPayMethodBtn:hover{color:#5285e8;background:#f8f9ff;border-color:#93b4f5}.coPayMethodActive{color:#5285e8!important;background:#f0f6ff!important;border-color:#5285e8!important}.coCardForm{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:24px}.coCardFormHeader{border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.coCardFormTitle{color:#111827;flex:1;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:600;line-height:1.35;display:flex}.coCardBrands{flex-shrink:0;align-items:center;gap:6px;display:flex}.coCardBrandChip{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:44px;height:28px;transition:all .2s;display:flex;overflow:hidden}.coCardBrandChip.coCardBrandDim{opacity:.25;filter:grayscale(.5);border-color:#f0f0f0}.coCardBrandChip.coCardBrandDetected{background:#f0f6ff;border-color:#5285e8;transform:scale(1.08);box-shadow:0 0 0 2px #5285e82e}.coCardFormBody{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.coCardField{flex-direction:column;gap:7px;display:flex}.coCardField.coSpan2{grid-column:1/-1}.coCardField label{color:#374151;letter-spacing:.02em;font-size:12px;font-weight:600}.coCardField input{color:#111827;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;height:46px;padding:0 14px;font-family:Mitr,Kanit,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.coCardField input::placeholder{color:#9ca3af;opacity:1}.coCardField input:focus{background:#fff;border-color:#5285e8;box-shadow:0 0 0 3px #5285e81a}.coCardNumWrap{position:relative}.coCardNumIcon{color:#aaa;pointer-events:none;z-index:1;font-size:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.coCardNumWrap input{letter-spacing:2px;padding-left:40px!important;padding-right:52px!important}.coCardTestNote{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:6px;margin-top:8px;padding:10px 12px;font-size:12px;line-height:1.55;display:flex}.coCardTestNote svg{color:#d97706;flex-shrink:0;margin-top:1px;font-size:16px}.coCardTestNote strong{color:#78350f;font-weight:600}.coCardNumBrandBadge{pointer-events:none;background:#fff;border:1px solid #e5e7eb;border-radius:5px;justify-content:center;align-items:center;width:36px;height:24px;animation:.2s cardBrandIn;display:flex;position:absolute;top:50%;right:10px;overflow:hidden;transform:translateY(-50%);box-shadow:0 1px 3px #00000014}@keyframes cardBrandIn{0%{opacity:0;transform:translateY(-50%)scale(.85)}to{opacity:1;transform:translateY(-50%)scale(1)}}.coCardExpRow{align-items:center;gap:8px;display:flex}.coCardExpRow span{color:#aaa;flex-shrink:0;font-size:16px}.coCardExpInput{text-align:center;flex:1}.coCardTotal{color:#555;background:#f8faff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.coCardTotalAmt{color:#5285e8;font-size:18px;font-weight:700}.coCardPayBtn{justify-content:center;width:100%;background:linear-gradient(135deg,#ffbe1b,#f0a500)!important;border-radius:12px!important;padding:14px 24px!important;font-size:16px!important;transition:all .2s!important;box-shadow:0 4px 14px #ffbe1b59!important}.coCardPayBtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ffbe1b73!important}.coCardSecureNote{color:#888;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:12px;display:flex}.coPromptPaySection{text-align:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:24px}.coPromptPayDesc{color:#555;text-align:left;background:#f0f6ff;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:20px;padding:12px 14px;font-size:13px;display:flex}.coQrBlock{text-align:center;background:linear-gradient(#fbfdff 0%,#f6f9ff 100%);border:1px solid #dbe8ff;border-radius:20px;padding:28px 24px;box-shadow:0 14px 30px #1f4e9914}.coQrHeader{color:#0f172a;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.coQrHint{color:#475569;background:#ecf3ff;border:1px solid #cfe0ff;border-radius:999px;align-items:center;margin:0 auto 16px;padding:6px 12px;font-size:12px;display:inline-flex}.coQrMockTag{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;max-width:320px;margin:0 auto 14px;padding:8px 10px;font-size:12px}.coQrFrame{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:230px;margin:0 auto 14px;padding:14px;box-shadow:inset 0 1px #fff,0 10px 24px #0f172a14}.coQrImage{aspect-ratio:1;border-radius:10px;width:100%;display:block}.coQrAmtLabel{color:#64748b;font-size:12px}.coQrAmt{color:#2563eb;margin-bottom:8px;font-size:26px;font-weight:800}.coQrNote{color:#475569;justify-content:center;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.coQrCheckBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 8px 18px #2563eb4d}.coQrCheckBtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 22px #2563eb59}.coQrCheckBtn:disabled{opacity:.6;cursor:not-allowed}.coSellerBlock{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.coSellerHeader{background:linear-gradient(135deg,#f8faff,#f0f6ff);border-bottom:1px solid #e8eef8;align-items:center;gap:10px;padding:14px 18px;display:flex}.coDonationAddrToggle{background:#f3f4f6;border-radius:12px;gap:10px;margin-bottom:16px;padding:4px;display:flex}.coDonationAddrToggleBtn,.coDonationToggleBtn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:Mitr,Kanit,sans-serif;font-size:13px;font-weight:500;transition:all .18s;display:flex}.coDonationAddrToggleBtn.coDonationToggleActive,.coDonationToggleBtn.coDonationToggleActive{color:#5285e8;background:#f0f6ff;border-color:#5285e8}.coDonationPayNote{color:#1e40af;background:#f0f6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.coDonationThankModal{max-width:440px}.coDonationThankHeader{text-align:center;padding:28px 24px 0}.coDonationThankIcon{margin-bottom:12px;font-size:48px}.coDonationThankHeader h3{color:#111827;margin:0 0 8px;font-size:18px;font-weight:700}.coDonationThankHeader p{color:#555;margin:0;font-size:14px;line-height:1.6}.coDonationThankNote{color:#15803d;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;font-size:12px;display:flex}.coStepDesc{color:#6b7280;margin:-8px 0 16px;font-size:13px}.coShipEmpty{color:#aaa;align-items:center;gap:8px;padding:12px 0;font-size:13px;display:flex}.coShipOption{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.coShipOption:hover{background:#f8faff;border-color:#93c5fd}.coShipOptionSel{box-shadow:0 0 0 3px #3b82f61f;background:#eff6ff!important;border-color:#3b82f6!important}.coShipOption input[type=radio]{opacity:0;width:0;height:0;position:absolute}.coShipOptionLogo{background:#fff;border:1.5px solid #e8edf5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000f}.coShipOptionSel .coShipOptionLogo{border-color:#93b4f5;box-shadow:0 2px 8px #5285e826}.coShipOptionLogo img{object-fit:contain;width:100%;height:100%;padding:6px}.coShipOptionInfo{flex:1;min-width:0}.coShipOptionName{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.coShipOptionDesc{color:#6b7280;margin-top:2px;font-size:12px}.coShipOptionPrice{color:#1a1a2e;white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:700}.coShipOptionPrice.coFree{color:#16a34a}.coShipOptionSel .coShipOptionName:after{content:" ✓";color:#3b82f6;font-size:13px}.coShipFreeHint{color:#15803d;background:#ecfdf5;border:1px solid #86efac;border-radius:8px;align-items:center;gap:6px;margin-bottom:10px;padding:8px 12px;font-size:12.5px;font-weight:500;display:flex}.coShipEmpty{color:#94a3b8;background:#f8fafc;border-radius:10px;align-items:center;gap:8px;padding:14px;font-size:13px;display:flex}.psPage{background:linear-gradient(135deg,#f0f6ff 0%,#e8f4fd 50%,#f7f9fc 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px 60px;font-family:Mitr,Kanit,sans-serif;display:flex;position:relative;overflow:hidden}.psBlob{filter:blur(80px);opacity:.18;pointer-events:none;z-index:0;border-radius:50%;position:fixed}.psBlob1{background:#5285e8;width:520px;height:520px;animation:8s ease-in-out infinite alternate blobFloat;top:-140px;left:-120px}.psBlob2{background:#ffbe1b;width:400px;height:400px;animation:10s ease-in-out infinite alternate-reverse blobFloat;bottom:-100px;right:-80px}@keyframes blobFloat{0%{transform:translate(0)scale(1)}to{transform:translate(30px,20px)scale(1.08)}}.psCard{z-index:1;text-align:center;background:#fff;border-radius:28px;width:100%;max-width:520px;padding:44px 36px 36px;position:relative;box-shadow:0 8px 48px #5285e81f,0 2px 12px #0000000f}.psIconWrap{opacity:0;width:96px;height:96px;margin:0 auto 28px;transition:opacity .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(.4)}.psIconVisible{opacity:1;transform:scale(1)}.psCircleSvg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.psCircleTrack{fill:none;stroke:#e8f0fe;stroke-width:6px}.psCircleFill{fill:none;stroke:#5285e8;stroke-width:6px;stroke-linecap:round;stroke-dasharray:276;stroke-dashoffset:276px;animation:.7s cubic-bezier(.4,0,.2,1) .1s forwards drawCircle}@keyframes drawCircle{to{stroke-dashoffset:0}}.psCheckIcon{color:#5285e8;opacity:0;width:44px;height:44px;margin:auto;font-size:44px;animation:.4s cubic-bezier(.34,1.56,.64,1) .55s forwards popIn;position:absolute;inset:0;transform:scale(0)}@keyframes popIn{to{opacity:1;transform:scale(1)}}.psTitleBlock{opacity:0;margin-bottom:24px;transition:opacity .5s .1s,transform .5s .1s;transform:translateY(18px)}.psFadeUp{opacity:1!important;transform:translateY(0)!important}.psTitle{color:#111827;letter-spacing:-.3px;margin:0 0 8px;font-size:24px;font-weight:700}.psTitleDonation{background:linear-gradient(135deg,#5285e8,#378add);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.psSubtitle{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.psBody{opacity:0;transition:opacity .5s .1s,transform .5s .1s;transform:translateY(18px)}.psOrderPill{background:#f0f6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:10px;margin-bottom:24px;padding:8px 18px;font-size:13px;display:inline-flex}.psOrderLabel{color:#6b7280}.psOrderId{color:#5285e8;font-weight:600}.psOrderAmt{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.psDonationSection{text-align:left;flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.psCertCard{background:linear-gradient(135deg,#fef9ee,#fff8e1);border:1.5px solid #fde68a;border-radius:16px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.psCertIcon{color:#fff;background:linear-gradient(135deg,#ffbe1b,#f59e0b);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.psCertTitle{color:#92400e;margin-bottom:4px;font-size:14px;font-weight:600}.psCertDesc{color:#78350f;font-size:12px;line-height:1.6}.psProjectTag{color:#3b6fd4;background:#e8f0fe;border:1px solid #bfdbfe;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.psDonorCard{background:#f8faff;border:1.5px solid #e5e7eb;border-radius:16px;padding:16px 18px}.psDonorLabel{color:#374151;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.psDonorNameRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.psDonorName{color:#5285e8;letter-spacing:-.2px;font-size:18px;font-weight:700}.psDonorNameEmpty{color:#9ca3af;font-size:15px;font-style:italic;font-weight:400}.psDonorEditBtn{color:#5285e8;cursor:pointer;white-space:nowrap;background:#e8f0fe;border:none;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-family:Mitr,sans-serif;font-size:12px;transition:background .15s;display:flex}.psDonorEditBtn:hover{background:#bfdbfe}.psDonorEditRow{align-items:center;gap:8px;display:flex}.psDonorInput{border:1.5px solid #5285e8;border-radius:10px;outline:none;flex:1;min-width:0;height:42px;padding:0 14px;font-family:Mitr,sans-serif;font-size:15px;box-shadow:0 0 0 3px #5285e81a}.psDonorSaveBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#5285e8;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:4px;height:42px;padding:0 16px;font-family:Mitr,sans-serif;font-size:13px;transition:background .15s;display:flex}.psDonorSaveBtn:hover{background:#3b6fd4}.psDonorCancelBtn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:background .15s,color .15s;display:flex}.psDonorCancelBtn:hover{color:#374151;background:#e5e7eb}.psDonorHint{color:#9ca3af;margin:8px 0 0;font-size:11px}.psStepsCard{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 18px}.psStepsTitle{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:12px;font-weight:600}.psStep{align-items:center;gap:12px;display:flex}.psStepDot{color:#9ca3af;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.psStepDotDone{color:#fff;background:#22c55e}.psStepDotActive{color:#fff;background:#5285e8;animation:2s infinite pulse;box-shadow:0 0 0 4px #5285e826}.psStepText{color:#374151;font-size:13px;line-height:1.5}.psStepLine{background:#e5e7eb;width:2px;height:16px;margin-left:15px}.psNormalSection{text-align:left;flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.psInfoRow{color:#374151;background:#f8faff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.psInfoRow .iconify{color:#5285e8;flex-shrink:0;font-size:18px}.psActions{flex-direction:column;gap:10px;display:flex}.psBtnPrimary{color:#fff;background:linear-gradient(135deg,#5285e8,#378add);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-family:Mitr,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 4px 16px #5285e84d}.psBtnPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5285e866}.psBtnOutline{color:#5285e8;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-family:Mitr,sans-serif;font-size:15px;text-decoration:none;transition:border-color .18s,background .18s;display:flex}.psBtnOutline:hover{background:#f0f6ff;border-color:#5285e8}.psConfetti{pointer-events:none;z-index:999;height:0;position:fixed;top:0;left:0;right:0;overflow:visible}.psConfettiPiece{animation:linear forwards confettiFall;position:absolute;top:-12px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scaleX(1)}80%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(720deg)scaleX(-1)}}@media (max-width:540px){.psCard{border-radius:20px;padding:32px 20px 28px}.psTitle{font-size:20px}.psDonorName{font-size:15px}.psDonorEditRow{flex-wrap:wrap}.psDonorInput{width:100%}}:root{--brand-primary:#5285e8;--brand-primary-dark:#3b6fd4;--brand-primary-light:#87c7eb;--brand-orange:#fc8d1f;--blue-700:#3b6fd4;--blue-600:#5285e8;--blue-500:#87c7eb;--blue-100:#ccdeff;--blue-50:#e0ebff;--surface:#fff;--surface-bg:#f4f6fb;--border:#0f172a12;--border-md:#0f172a1c;--text-1:#0f172a;--text-2:#475569;--text-3:#94a3b8;--r-card:18px;--r-btn:12px;--r-img:12px;--sh-card:0 1px 3px #0f172a0f, 0 4px 16px #0f172a0f;--sh-hover:0 2px 8px #5285e81f, 0 8px 32px #5285e81f}.moPage{background:var(--surface-bg);flex-direction:column;min-height:100vh;font-family:Noto Sans Thai,sans-serif;display:flex}.moHeader{background:var(--brand-primary-light);z-index:30;border-bottom:1px solid #5285e826;position:sticky;top:0}.moHeaderInner{box-sizing:border-box;align-items:center;gap:12px;width:100%;max-width:720px;margin:0 auto;padding:12px 16px;display:flex}.moBack{color:#fff;cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:40px;transition:color .15s,background .15s,transform .12s;display:flex}.moBack:hover{color:#fff;background:#ffffff40;transform:translate(-1px)}.moHeaderTitle{color:#fff;letter-spacing:.3px;flex:1;font-size:18px;font-weight:800}.moHeaderRight{flex-shrink:0}.moTabsBar{background:var(--surface);z-index:29;border-bottom:1px solid var(--border);position:sticky;top:71px;box-shadow:0 2px 8px #0f172a0d}.moTabs{scrollbar-width:none;box-sizing:border-box;gap:6px;width:100%;max-width:720px;margin:0 auto;padding:8px 10px;display:flex;overflow-x:auto}.moTabs::-webkit-scrollbar{display:none}.moTab{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;flex-shrink:0;align-items:center;gap:5px;padding:7px 13px;font-family:Noto Sans Thai,sans-serif;font-size:13px;font-weight:600;transition:background .18s,color .18s,transform .12s,box-shadow .18s;display:flex}.moTab:hover:not(.moTab--active){background:var(--blue-50);color:var(--blue-600)}.moTab--active{background:var(--brand-primary);color:#fff;font-weight:700;transform:translateY(-1px);box-shadow:0 2px 8px #5285e859}.moTabIcon{opacity:.7;flex-shrink:0;font-size:15px}.moTab--active .moTabIcon{opacity:1}.moTabCount{color:#dc2626;text-align:center;background:#fee2e2;border-radius:20px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:800;line-height:16px;transition:background .18s,color .18s}.moTab--active .moTabCount{color:#fff;background:#ffffff40}.moBody{box-sizing:border-box;flex-direction:column;flex:1;gap:12px;width:100%;max-width:720px;margin:0 auto;padding:16px 12px 56px;display:flex}.moCenterMsg{color:var(--text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:72px 24px;font-size:14px;display:flex}.moCenterMsg.moErr{color:#ef4444}.moEmptyIcon{color:#cbd5e1;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;font-size:34px;display:flex}.moEmptyTitle{color:var(--text-2);margin:0;font-size:16px;font-weight:700}.moEmptySubtitle{color:var(--text-3);margin:0;font-size:13px}.moLoadingRing{border:3px solid var(--blue-100);border-top-color:var(--blue-500);border-radius:50%;width:40px;height:40px;margin-bottom:4px;animation:.85s linear infinite moSpin}@keyframes moSpin{to{transform:rotate(360deg)}}.moSpinner{color:var(--blue-500);font-size:24px;animation:.85s linear infinite moSpin}.moSpinInline{animation:.85s linear infinite moSpin;display:inline-block}.moShopBtn{background:var(--brand-primary);color:#fff;border-radius:var(--r-btn);align-items:center;gap:6px;margin-top:12px;padding:11px 24px;font-size:13.5px;font-weight:700;text-decoration:none;transition:opacity .15s,transform .12s;display:inline-flex}.moShopBtn:hover{opacity:.88;transform:translateY(-1px)}@keyframes moCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.moCard{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--sh-card);border:1px solid var(--border);transition:box-shadow .2s,transform .18s;animation:.3s both moCardIn;overflow:hidden}.moCard:hover{box-shadow:var(--sh-hover);transform:translateY(-2px)}.moCardHead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 13px;display:flex;position:relative}.moCardHead:before{content:"";border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.moCard--pending .moCardHead:before,.moCard--confirmed .moCardHead:before{background:#f59e0b}.moCard--shipping .moCardHead:before{background:var(--brand-primary)}.moCard--delivered .moCardHead:before{background:#22c55e}.moCard--cancelled .moCardHead:before{background:#ef4444}.moCardHeadLeft{flex-direction:column;gap:3px;padding-left:4px;display:flex}.moOrderId{color:var(--text-1);letter-spacing:.3px;font-size:14px;font-weight:800}.moOrderDate{color:var(--text-3);align-items:center;gap:2px;font-size:11.5px;display:flex}.moStatusBadge{letter-spacing:.1px;border-radius:100px;flex-shrink:0;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.badge--shipping{background:var(--blue-50);color:var(--brand-primary)}.moItems{flex-direction:column;display:flex}.moItem{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;transition:background .12s;display:flex}.moItem:hover{background:#fafbff}.moItemThumb{border-radius:var(--r-img);border:1px solid var(--border);background:var(--surface-bg);flex-shrink:0;width:56px;height:56px;overflow:hidden}.moItemThumb img{object-fit:cover;width:100%;height:100%;display:block}.moItemThumb--fallback{color:#93c5fd;background:linear-gradient(135deg,#eff6ff,#e0e7ff);justify-content:center;align-items:center;font-size:24px;display:flex}.moItemInfo{flex:1;min-width:0}.moItemName{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;line-height:1.4;overflow:hidden}.moItemMeta{flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px;display:flex}.moItemTag{color:var(--text-2);background:#f1f5f9;border-radius:100px;padding:2px 8px;font-size:11px;font-weight:600}.moItemTag--qty{background:var(--blue-50);color:var(--blue-600)}.moItemPrice{color:var(--text-1);flex-shrink:0;font-size:14px;font-weight:800}.moShowMore{width:100%;color:var(--blue-600);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:5px;padding:10px 16px;font-family:Noto Sans Thai,sans-serif;font-size:12.5px;font-weight:600;transition:background .12s;display:flex}.moShowMore:hover{background:var(--blue-50)}.moTracking{color:#fff;background:linear-gradient(135deg,#2a5bc4 0%,#5285e8 55%,#87c7eb 100%);border-radius:14px;margin:12px 14px;padding:16px 16px 14px}.moTrackingTop{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.moTrackingInfo{flex:1;min-width:0}.moTrackingLabel{color:#93c5fda6;text-transform:uppercase;letter-spacing:1.1px;align-items:center;gap:5px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.moTrackingNumberRow{align-items:center;gap:8px;margin-bottom:5px;display:flex}.moTrackingNumber{letter-spacing:1px;font-variant-numeric:tabular-nums;background:#ffffff1f;border:1px solid #93c5fd4d;border-radius:8px;padding:4px 12px;font-size:16px;font-weight:800;display:inline-block}.moTrackingProvider{color:#93c5fdb3;align-items:center;gap:4px;margin-top:2px;font-size:11.5px;display:flex}.moTrackingActions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.moTrackingCopy{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:22px;transition:opacity .15s,color .15s;display:flex}.moTrackingCopy:hover{opacity:.8}.moTrackingCopy--done{color:#86efac}.moTrackingLink{color:#fff;white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:4px 0;font-family:Noto Sans Thai,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.moTrackingLink:hover{opacity:.8}.moProgress{justify-content:space-between;align-items:flex-start;display:flex}.moProgressStep{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.moProgressLine{z-index:0;background:#ffffff1f;height:2px;position:absolute;top:12px;left:-50%;right:50%}.moProgressLine--done{background:#ffffffb3}.moProgressDot{z-index:1;color:#ffffff80;background:#ffffff14;border:1.5px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex;position:relative}.moProgressDot--done{color:var(--brand-primary);background:#ffffffe6;border-color:#ffffffe6}.moProgressDot--active{background:0 0;border:2px solid #fffc}@keyframes moPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.35)}}.moProgressPulse{background:#ffffffe6;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite moPulse}.moProgressLabel{color:#93c5fd73;text-align:center;white-space:nowrap;margin-top:5px;font-family:Noto Sans Thai,sans-serif;font-size:9px;line-height:1.4}.moProgressLabel--done{color:#93c5fdd9}.moStatusNote{border-radius:11px;align-items:flex-start;gap:8px;margin:10px 14px 0;padding:11px 14px;font-size:12.5px;font-weight:500;line-height:1.5;display:flex}.moStatusNote--pending{color:#92400e;background:#fefce8;border:1px solid #fde68a}.moStatusNote--cancelled{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.moCardFoot{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:10px;padding:13px 16px 16px;display:flex}.moTotal{justify-content:space-between;align-items:center;display:flex}.moTotalLabel{color:var(--text-2);font-size:13px}.moTotalSub{color:var(--text-3);font-size:12px}.moTotalAmt{color:var(--text-1);letter-spacing:-.5px;font-size:20px;font-weight:900}.moActions{flex-direction:column;gap:8px;display:flex}.moConfirmWrap{flex-direction:column;gap:6px;display:flex}.moConfirmBtn{color:#fff;border-radius:var(--r-btn);cursor:pointer;background:#16a34a;border:none;justify-content:center;align-items:center;gap:7px;padding:13px 20px;font-family:Noto Sans Thai,sans-serif;font-size:14px;font-weight:800;transition:opacity .15s,transform .12s;display:flex}.moConfirmBtn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.moConfirmBtn:active:not(:disabled){transform:translateY(0)}.moConfirmBtn:disabled{opacity:.45;cursor:not-allowed}.moConfirmHint{text-align:center;color:var(--text-3);justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.moActionsRow{gap:8px;display:flex}.moActionsRow>*{flex:1}.moCancelBtn{color:#fff;border-radius:var(--r-btn);cursor:pointer;background:#dc2626;border:1.5px solid #fca5a5;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:Noto Sans Thai,sans-serif;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,transform .12s;display:flex}.moCancelBtn:hover:not(:disabled){color:#dc2626;background:#fff1f2;border-color:#dc2626;transform:translateY(-1px)}.moCancelBtn:disabled{opacity:.45;cursor:not-allowed}.moDetailBtn{background:var(--surface-bg);color:var(--text-2);border-radius:var(--r-btn);border:1px solid var(--border-md);justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .12s;display:flex}.moDetailBtn:hover{background:var(--blue-50);color:var(--brand-primary);border-color:var(--blue-100);transform:translateY(-1px)}:root{--od-brand-primary:#5285e8;--od-brand-primary-dark:#3b6fd4;--od-brand-primary-light:#87c7eb;--od-blue-700:#3b6fd4;--od-blue-600:#5285e8;--od-blue-500:#87c7eb;--od-blue-100:#ccdeff;--od-blue-50:#e0ebff;--od-surface:#fff;--od-surface-bg:#f4f6fb;--od-border:#0f172a12;--od-border-md:#0f172a1c;--od-text-1:#0f172a;--od-text-2:#475569;--od-text-3:#94a3b8;--od-r-card:18px;--od-r-btn:12px;--od-r-img:12px;--od-sh-card:0 1px 3px #0f172a0f, 0 4px 16px #0f172a0f}.odPage{background:var(--od-surface-bg);flex-direction:column;min-height:100vh;font-family:Noto Sans Thai,sans-serif;display:flex}.odHeader{background:var(--od-brand-primary-light);z-index:30;position:sticky;top:0;box-shadow:0 2px 8px #5285e826}.odHeaderInner{box-sizing:border-box;align-items:center;gap:12px;width:100%;max-width:720px;margin:0 auto;padding:12px 16px;display:flex}.odBack{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:32px;transition:background .15s,color .15s,transform .12s;display:flex}.odBack:hover{color:#fff;background:#ffffff40;transform:translate(-2px)}.odHeaderTitle{color:#fff;letter-spacing:.2px;flex:1;font-size:17px;font-weight:800}.odHeaderRight{flex-shrink:0}.odBody{box-sizing:border-box;flex-direction:column;flex:1;gap:12px;width:100%;max-width:720px;margin:0 auto;padding:16px 12px 56px;display:flex}.odAlert{border-radius:14px;align-items:center;gap:10px;padding:13px 16px;font-size:13.5px;font-weight:600;line-height:1.4;display:flex}.odAlert--success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.odAlert--error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.odCenterMsg{color:var(--od-text-3);flex-direction:column;align-items:center;gap:10px;padding:64px 24px;font-size:14px;display:flex}.odLoadingRing{border:3px solid var(--od-blue-100);border-top-color:var(--od-brand-primary);border-radius:50%;width:40px;height:40px;animation:.85s linear infinite odSpin}@keyframes odSpin{to{transform:rotate(360deg)}}.odSpin{animation:.85s linear infinite odSpin;display:inline-block}@keyframes odCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.odCard{background:var(--od-surface);border-radius:var(--od-r-card);box-shadow:var(--od-sh-card);border:1px solid var(--od-border);animation:.3s both odCardIn;overflow:hidden}.odCard--header{padding:18px 18px 16px}.odCardHeaderTop{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.odCardHeaderLeft{flex-direction:column;gap:3px;display:flex}.odOrderLabel{color:var(--od-text-3);text-transform:uppercase;letter-spacing:.9px;align-items:center;gap:5px;margin-bottom:2px;font-size:10.5px;font-weight:700;display:flex}.odOrderId{color:var(--od-text-1);letter-spacing:.3px;font-size:20px;font-weight:900}.odOrderDate{color:var(--od-text-3);align-items:center;gap:4px;margin-top:3px;font-size:12px;display:flex}.odBadgeGroup{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.odStatusBadge,.odPayBadge{white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge--pending{color:#b45309;background:#fef3c7}.badge--confirmed{background:var(--od-blue-50);color:var(--od-brand-primary)}.badge--shipping{color:#7c3aed;background:#f3e8ff}.badge--delivered{color:#15803d;background:#dcfce7}.badge--cancelled{color:#dc2626;background:#fee2e2}.pay--paid{color:#15803d;background:#dcfce7}.pay--unpaid{color:#b45309;background:#fef3c7}.odStatusNote{border-radius:11px;align-items:flex-start;gap:8px;margin-top:14px;padding:11px 13px;font-size:12.5px;font-weight:500;line-height:1.5;display:flex}.odStatusNote--pending{color:#92400e;background:#fefce8;border:1px solid #fde68a}.odStatusNote--cancelled{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.odTimeline{align-items:flex-start;display:flex}.odTimelineStep{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.odTimelineLine{z-index:0;background:#e2e8f0;height:2px;transition:background .3s;position:absolute;top:14px;left:-50%;right:50%}.odTimelineLine--done{background:var(--od-brand-primary)}.odTimelineDot{z-index:1;color:#94a3b8;background:#fff;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:all .2s;display:flex;position:relative}.odTimelineDot--done{background:var(--od-brand-primary);border-color:var(--od-brand-primary);color:#fff}.odTimelineDot--active{border-color:var(--od-brand-primary);color:var(--od-brand-primary);background:#fff;animation:1.6s ease-in-out infinite odRing}@keyframes odRing{0%,to{box-shadow:0 0 #5285e859}50%{box-shadow:0 0 0 6px #5285e800}}.odTimelinePulse{background:var(--od-brand-primary);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite odPulse}@keyframes odPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.odTimelineLabel{color:#94a3b8;text-align:center;white-space:nowrap;margin-top:6px;font-family:Noto Sans Thai,sans-serif;font-size:9.5px;font-weight:500;line-height:1.35}.odTimelineLabel--done{color:var(--od-text-2);font-weight:600}.odTimelineLabel--active{color:var(--od-brand-primary);font-weight:800}.odCard--tracking{color:#fff;background:linear-gradient(135deg,#2a5bc4 0%,#5285e8 55%,#87c7eb 100%);padding:16px 18px}.odTrackingTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.odTrackingInfo{flex:1;min-width:0}.odTrackingLabel{color:#93c5fda6;text-transform:uppercase;letter-spacing:1.1px;align-items:center;gap:5px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.odTrackingNumber{letter-spacing:1px;background:#ffffff1f;border:1px solid #93c5fd4d;border-radius:8px;margin-bottom:5px;padding:5px 14px;font-size:17px;font-weight:800;display:inline-block}.odTrackingProvider{color:#93c5fdb3;align-items:center;gap:4px;font-size:11.5px;display:flex}.odTrackingActions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.odCopyBtn{color:#93c5fdcc;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .15s,color .15s;display:flex}.odCopyBtn:hover{color:#fff;background:#fff3}.odCopyBtn--done{color:#86efac;background:#22c55e40;border-color:#22c55e66}.odTrackBtn{color:var(--od-brand-primary);white-space:nowrap;background:#fffffff2;border-radius:8px;align-items:center;gap:5px;padding:7px 13px;font-family:Noto Sans Thai,sans-serif;font-size:12px;font-weight:800;text-decoration:none;transition:background .15s,transform .12s;display:inline-flex;box-shadow:0 1px 4px #00000026}.odTrackBtn:hover{background:#fff;transform:translateY(-1px)}.odSectionTitle{color:var(--od-text-1);border-bottom:1px solid var(--od-border);align-items:center;gap:7px;padding:16px 18px 14px;font-size:14px;font-weight:800;display:flex}.odSectionCount{color:var(--od-text-3);background:#f1f5f9;border-radius:100px;margin-left:auto;padding:2px 9px;font-size:12px;font-weight:600}.odItems{flex-direction:column;display:flex}.odItem{border-bottom:1px solid var(--od-border);align-items:flex-start;gap:13px;padding:14px 18px;transition:background .12s;display:flex}.odItem:last-child{border-bottom:none}.odItem:hover{background:#fafbff}.odItemThumb{border-radius:var(--od-r-img);border:1px solid var(--od-border);background:#f8fafc;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex;overflow:hidden}.odItemThumb img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:6px;display:block}.odItemThumb--fallback{color:#93c5fd;background:linear-gradient(135deg,#eff6ff,#e0e7ff);font-size:30px}.odItemInfo{flex:1;min-width:0}.odItemTitle{color:var(--od-text-1);margin-bottom:7px;font-size:14px;font-weight:700;line-height:1.4}.odItemMeta{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:7px;display:flex}.odItemTag{color:var(--od-text-2);background:#f1f5f9;border-radius:100px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.odItemTag--qty{background:var(--od-blue-50);color:var(--od-brand-primary)}.odItemTag--school{color:#92400e;background:#fef3c7}.odItemSeller{color:var(--od-text-3);align-items:center;gap:4px;font-size:11.5px;font-weight:500;display:flex}.odSellerPhone{color:var(--od-text-3)}.odItemPrice{color:var(--od-text-1);white-space:nowrap;flex-shrink:0;padding-top:2px;font-size:15px;font-weight:800}.odAddress{flex-direction:column;gap:8px;padding:14px 18px;display:flex}.odAddressName{color:var(--od-text-1);align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.odAddressLine{color:var(--od-text-2);align-items:flex-start;gap:7px;font-size:13px;line-height:1.5;display:flex}.odInnerDivider{background:var(--od-border);height:1px;margin:4px 0}.odShippingRow{justify-content:space-between;align-items:center;gap:8px;padding:8px 18px 14px;font-size:13px;display:flex}.odShippingName{color:var(--od-text-2);flex:1;align-items:center;gap:5px;font-weight:600;display:flex}.odShippingPrice{color:var(--od-text-1);font-weight:700}.odCard--summary{padding:16px 18px}.odSummaryRow{color:var(--od-text-2);justify-content:space-between;align-items:center;padding:5px 0;font-size:13.5px;display:flex}.odSummaryDivider{background:var(--od-border);height:1px;margin:10px 0}.odSummaryTotal{color:var(--od-text-1);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.odTotalPrice{color:var(--od-text-1);letter-spacing:-.5px;font-size:24px;font-weight:900}.odCard--actions{flex-direction:column;gap:10px;padding:16px 18px;display:flex}.odConfirmWrap{flex-direction:column;gap:6px;display:flex}.odConfirmBtn{color:#fff;border-radius:var(--od-r-btn);cursor:pointer;background:#16a34a;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-family:Noto Sans Thai,sans-serif;font-size:14px;font-weight:800;transition:opacity .15s,transform .12s;display:flex}.odConfirmBtn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.odConfirmBtn:disabled{opacity:.45;cursor:not-allowed}.odConfirmHint{color:var(--od-text-3);text-align:center;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.odCancelBtn{color:#dc2626;border-radius:var(--od-r-btn);cursor:pointer;background:#fff;border:1.5px solid #fca5a5;justify-content:center;align-items:center;gap:7px;width:100%;padding:12px 20px;font-family:Noto Sans Thai,sans-serif;font-size:13.5px;font-weight:700;transition:background .15s,border-color .15s,transform .12s;display:flex}.odCancelBtn:hover:not(:disabled){background:#fff1f2;border-color:#f87171;transform:translateY(-1px)}.odCancelBtn:disabled{opacity:.45;cursor:not-allowed}.odBottomNav{gap:10px;display:flex}.odNavBtn{border-radius:var(--od-r-btn);flex:1;justify-content:center;align-items:center;gap:7px;padding:12px 16px;font-family:Noto Sans Thai,sans-serif;font-size:13.5px;font-weight:700;text-decoration:none;transition:opacity .15s,transform .12s,background .15s,color .15s;display:flex}.odNavBtn:hover{transform:translateY(-1px)}.odNavBtn--secondary{background:var(--od-surface);color:var(--od-text-2);border:1px solid var(--od-border-md)}.odNavBtn--secondary:hover{background:var(--od-blue-50);color:var(--od-brand-primary);border-color:var(--od-blue-100)}.odNavBtn--primary{background:var(--od-brand-primary);color:#fff;border:none;box-shadow:0 2px 8px #5285e84d}.odNavBtn--primary:hover{opacity:.9}@media (max-width:480px){.odCard--header{padding:14px}.odCardHeaderTop{flex-direction:column;gap:10px}.odBadgeGroup{flex-direction:row;align-items:center}.odOrderId{font-size:17px}.odTotalPrice{font-size:20px}}.slShell{background:#f8fafc;min-height:100vh;display:flex}.slLogoTop{border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;margin-bottom:4px;padding:16px 10px 14px;display:flex}.slLogoImg{object-fit:contain;width:120px;height:auto}.slAvatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:flex;box-shadow:0 2px 8px #3b82f659}.slBrandRole{color:#94a3b8;font-size:11px;font-weight:500;line-height:1.2}.slSide{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.slMobileMenuBtn,.slSideClose,.slSideOverlay{display:none}.slPageHeader{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.slBrand{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;margin-bottom:6px;padding:10px 8px 14px;display:flex}.slBrandTitle{font-weight:700;line-height:1.1}.slBrandSub{color:#94a3b8;font-size:11px}.slSection{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;padding:14px 10px 6px;font-size:11px}.slItem{color:#475569;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.slItem:hover{background:#f1f5f9}.slItem.active{color:#fff;background:#3b82f6;font-weight:600}.slItem .slBadge{color:#fff;background:#ef4444;border-radius:9999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.slLogout{color:#475569;cursor:pointer;border-top:1px solid #e5e7eb;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.slMain{flex:1;min-width:0;padding:24px 28px;overflow-x:hidden}.slBreadcrumb{color:#64748b;margin-bottom:4px;font-size:13px}.slPageTitle{color:#0f172a;margin:0 0 18px;font-size:22px;font-weight:700}.slCard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;transition:box-shadow .18s,border-color .18s;box-shadow:0 1px 2px #0f172a0a}.slCard:hover{border-color:#e2e8f0}.slStatGrid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.slStatCard{flex-direction:column;gap:6px;display:flex}.slStatHeader{color:#64748b;justify-content:space-between;align-items:flex-start;font-size:13px;display:flex}.slStatIcon{color:#f59e0b;background:#fef3c7;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.slStatValue{color:#0f172a;font-size:26px;font-weight:700}.slStatSubtle{color:#94a3b8;font-size:12px}.slStatPill{color:#92400e;background:#fef3c7;border-radius:9999px;align-self:flex-start;margin-top:6px;padding:3px 10px;font-size:11px;display:inline-block}.slStatPill--green{color:#166534;background:#dcfce7}.slEmpty{text-align:center;color:#475569;padding:70px 20px}.slEmpty__icon{color:#cbd5e1;margin-bottom:12px;font-size:64px}.slEmpty__title{margin-bottom:6px;font-size:18px;font-weight:600}.slEmpty__desc{color:#64748b;max-width:420px;margin:0 auto;font-size:14px}.slEmpty__cta{color:#fff;background:#3b82f6;border-radius:8px;margin-top:18px;padding:10px 18px;text-decoration:none;display:inline-block}.slTabs{border-bottom:1px solid #e5e7eb;gap:24px;margin-bottom:16px;display:flex}.slTab{cursor:pointer;color:#64748b;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 4px;font-size:14px;display:flex}.slTab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:700}.slTabBadge{color:#b91c1c;background:#fee2e2;border-radius:9999px;padding:1px 8px;font-size:11px;font-weight:700}.slToolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.slSearch{flex:1;min-width:240px;position:relative}.slSearch input{background:#f8fafc;border:1px solid #e5e7eb;border-radius:9999px;width:100%;padding:10px 14px 10px 38px;font-size:14px}.slSearch input::placeholder{color:#64748b}.slSearch__icon{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.slSelect{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px;font-size:14px}.slOrderCard{margin-bottom:14px;padding:16px}.slOrderHead{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.slOrderId{color:#0f172a;font-weight:700}.slOrderDate{color:#64748b;margin-left:10px;font-size:12px}.slOrderBadge{color:#92400e;background:#fef3c7;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600}.slOrderBody{border-bottom:1px solid #f1f5f9;grid-template-columns:1.2fr 1fr 1fr;gap:18px;padding-bottom:14px;display:grid}.slOrderColLabel{color:#94a3b8;margin-bottom:8px;font-size:12px}.slOrderItemList{flex-direction:column;gap:6px;display:flex}.slOrderItem{align-items:center;gap:8px;display:flex}.slOrderItem__thumb{background:#f1f5f9;border-radius:6px;width:36px;height:36px}.slOrderItem__price{color:#3b82f6;margin-left:auto;font-size:13px;font-weight:600}.slOrderTrackInput{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;width:100%;margin-top:4px;padding:8px 12px;font-size:13px}.slOrderProvider{color:#64748b;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.slOrderProviderTag{color:#1e40af;background:#dbeafe;border-radius:9999px;padding:2px 10px;font-size:11px;font-weight:600}.slOrderFoot{justify-content:space-between;align-items:center;padding-top:12px;display:flex}.slOrderFootBreakdown{color:#64748b;font-size:12px;line-height:1.6}.slOrderFootBreakdown b{color:#3b82f6;font-size:14px}.slOrderActions{gap:10px;display:flex}.slBtn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 16px;font-size:13px}.slBtn:hover{background:#f8fafc}.slBtnPrimary{color:#fff;background:#3b82f6;border-color:#3b82f6;padding:8px 18px}.slBtnPrimary:hover{background:#2563eb}.slIncomeGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.slIncomeCard{padding:16px}.slIncomeCard__label{color:#64748b;font-size:13px}.slIncomeCard__value{margin-top:6px;font-size:22px;font-weight:700}.slBlue{color:#3b82f6}.slAmber{color:#f59e0b}.slGreen{color:#22c55e}.slIncomeColumns{grid-template-columns:2fr 1fr;gap:14px;display:grid}.slBankCard{color:#fff;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:14px;padding:16px}.slBankCard h4{margin:0 0 10px}.slBankCard__row{color:#0f172a;background:#fff;border-radius:10px;gap:12px;padding:14px;display:flex}.slBankCard__icon{color:#64748b;background:#f1f5f9;border-radius:8px;padding:10px}.slBankCard__editBtn{color:#0f172a;cursor:pointer;float:right;background:#fff;border:none;border-radius:6px;margin-top:-30px;padding:6px 14px;font-weight:600}.slFeeNote{color:#713f12;background:#fef9c3;border:1px solid #fde68a;border-radius:10px;margin-top:14px;padding:12px;font-size:13px}.slFeeNote ul{margin:8px 0 0;padding-left:18px}.slFeeTable{padding:0}.slFeeTable__row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:14px 18px;font-size:14px;display:flex}.slFeeTable__row:last-child{background:#f8fafc;border-bottom:none;font-weight:700}.slProdGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.slProdCard{padding:16px}.slProdValue{margin-top:6px;font-size:26px;font-weight:700}.slProdValue--blue{color:#3b82f6}.slProdValue--amber{color:#f59e0b}.slProdValue--green{color:#22c55e}table.slTable{border-collapse:collapse;width:100%}.slTable th,.slTable td{text-align:left;border-bottom:1px solid #f1f5f9;padding:14px 12px;font-size:13px}.slTable th{color:#475569;text-transform:uppercase;letter-spacing:.4px;z-index:1;white-space:nowrap;vertical-align:middle;background:#f8fafc;font-size:12px;font-weight:700;position:sticky;top:0}.slTransferTable th{white-space:nowrap;vertical-align:middle;color:#fff!important;background:#1e40af!important}.slTransferTable .slGreen{color:#16a34a}.slTable tbody tr{transition:background .12s}.slTable tbody tr:hover{background:#f8fafc}.slTxnExpandRow:hover{background:0 0!important}.slTable .slStatusPill{border-radius:9999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.slTable .slStatusPill--available{color:#92400e;background:#fef3c7}.slTable .slStatusPill--sold{color:#166534;background:#dcfce7}.slTableThumb{background:#f1f5f9;border-radius:6px;width:36px;height:36px}.slPaging{color:#64748b;justify-content:space-between;align-items:center;padding-top:14px;font-size:13px;display:flex}.slPendingItem{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.slPendingItem__dot{background:#f59e0b;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.slDashboardHero{color:#fff;background:radial-gradient(circle at 100% 0,#ffffff2e 0,#0000 55%),radial-gradient(circle at 0 100%,#ffffff1a 0,#0000 50%),linear-gradient(135deg,#1d4ed8 0%,#2563eb 45%,#3b82f6 100%);border-radius:18px;margin-bottom:18px;padding:22px 26px;position:relative;overflow:hidden;box-shadow:0 18px 36px -22px #2563eba6}.slDashboardHero:after{content:"";opacity:.25;pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.slDashboardHero__inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.slDashboardHero__left{flex-direction:column;gap:6px;display:flex}.slDashboardHero__eyebrow{letter-spacing:.6px;text-transform:uppercase;background:#ffffff29;border:1px solid #ffffff3d;border-radius:9999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.slDashboardHero__title{color:#fff;margin:0;font-size:24px;font-weight:800;line-height:1.15}.slDashboardHero__sub{color:#ffffffd1;max-width:520px;font-size:13px;line-height:1.5}.slDashboardHero__right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.slDashboardHero__cta{color:#1d4ed8;background:#fff;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 18px -8px #0f172a99}.slDashboardHero__cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px #0f172ab3}.slDashboardHero__ghost{color:#fff;background:#ffffff1f;border:1px solid #ffffff47;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.slDashboardHero__ghost:hover{background:#fff3}.slDashboardHeader{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.slDashboardHeader .slPageTitle{margin-bottom:0}.slDashboardError{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.slTimeFilter{z-index:5;-webkit-backdrop-filter:saturate(160%)blur(6px);backdrop-filter:saturate(160%)blur(6px);background:#fffffff0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;display:flex;position:sticky;top:0}.slTimeFilter__chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.slTimeFilter__chips button,.slDetailTabs button{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}.slTimeFilter__chips button:hover,.slDetailTabs button:hover{color:#1d4ed8;background:#fff;border-color:#bfdbfe}.slTimeFilter__chips button.active,.slDetailTabs button.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#1d4ed8;box-shadow:0 6px 14px -8px #2563eb99}.slTimeFilter__chips button.custom.active{background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border-color:#0f766e;box-shadow:0 6px 14px -8px #0f766e99}.slTimeFilter__range{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.slTimeFilter__range label{color:#475569;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.slTimeFilter__range input{color:#0f172a;min-height:34px;font:inherit;background:#fff;border:1px solid #bfdbfe;border-radius:8px;padding:5px 9px;font-size:13px}.slTimeFilter__label{color:#64748b;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.slSpin{animation:1s linear infinite slSpin}@keyframes slSpin{to{transform:rotate(360deg)}}.slRevenueSection{margin-bottom:14px}.slSectionHead,.slDetailHeader{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:12px;display:flex}.slSectionEyebrow{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:800}.slSectionHead h2,.slDetailHeader h2{color:#0f172a;margin:3px 0 0;font-size:18px}.slSectionMeta{color:#64748b;font-size:13px;font-weight:600}.slRevenueShotGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.slRevenueShot{color:#0f172a;min-height:196px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:8px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.slRevenueShot:before{content:"";opacity:.08;pointer-events:none;border-radius:50%;width:130px;height:130px;position:absolute;top:-40px;right:-40px}.slRevenueShot:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 16px 32px -18px #2563eb73}.slRevenueShot__top{color:#475569;justify-content:space-between;align-items:flex-start;gap:10px;font-size:13px;font-weight:700;display:flex}.slRevenueShot__top svg{border-radius:11px;flex-shrink:0;width:38px;height:38px;padding:8px}.slRevenueShot strong{letter-spacing:-.5px;font-size:32px;font-weight:800;line-height:1.1}.slRevenueShot small{color:#64748b;max-width:260px;font-size:12px;line-height:1.45}.slRevenueShot__trend{color:#4338ca;background:#eef2ff;border-radius:9999px;align-self:flex-start;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.slRevenueShot__trend--up{color:#15803d;background:#dcfce7}.slRevenueShot__trend--down{color:#b91c1c;background:#fee2e2}.slRevenueShot__trend--flat{color:#475569;background:#f1f5f9}.slRevenueShot__action{color:#2563eb;align-items:center;gap:2px;margin-top:auto;font-size:12px;font-weight:700;display:inline-flex}.slRevenueShot--gross{border-top:4px solid #2563eb}.slRevenueShot--gross:before{background:#2563eb}.slRevenueShot--gross .slRevenueShot__top svg{color:#2563eb;background:#dbeafe}.slRevenueShot--fee{border-top:4px solid #f59e0b}.slRevenueShot--fee:before{background:#f59e0b}.slRevenueShot--fee .slRevenueShot__top svg{color:#b45309;background:#fef3c7}.slRevenueShot--fee strong{color:#b45309}.slRevenueShot--net{border-top:4px solid #16a34a}.slRevenueShot--net:before{background:#16a34a}.slRevenueShot--net .slRevenueShot__top svg{color:#15803d;background:#dcfce7}.slRevenueShot--net strong{color:#15803d}.slDashboardRevenueGrid{grid-template-columns:minmax(0,1.45fr) minmax(360px,.8fr);gap:14px;margin-bottom:14px;display:grid}.slIncomeChartCard{min-width:0}.slChartHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.slChartTypeSwitch{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:0;padding:3px;display:inline-flex}.slChartTypeSwitch button{color:#64748b;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9999px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.slChartTypeSwitch button.active{color:#1d4ed8;background:#fff;box-shadow:0 1px 3px #0f172a14}.slChartHeader strong{color:#0f172a;font-size:15px;font-weight:800}.slChartLegend{color:#64748b;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.slChartLegend span{align-items:center;gap:6px;display:inline-flex}.slChartLegend i{border-radius:50%;width:10px;height:10px;display:inline-block}.slChartLegend__net{background:#2563eb}.slChartLegend__fee{background:#f59e0b}.slIncomeChartFrame{width:100%;height:320px}.slIncomeTooltip{color:#0f172a;background:#fff;border:1px solid #dbeafe;border-radius:10px;min-width:190px;padding:11px 12px;font-size:12px;box-shadow:0 16px 36px -20px #0f172a73}.slIncomeTooltip__label{color:#1d4ed8;margin-bottom:8px;font-weight:800}.slIncomeTooltip div:not(.slIncomeTooltip__label):not(.slIncomeTooltip__total){justify-content:space-between;align-items:center;gap:10px;margin-top:5px;display:flex}.slIncomeTooltip__total{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;margin-top:9px;padding-top:9px;font-weight:800;display:flex}.slTooltipDot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.slTooltipDot--net{background:#2563eb}.slTooltipDot--fee{background:#f59e0b}.slChartEmpty,.slRevenueEmpty{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;justify-content:center;align-items:center;min-height:180px;padding:18px;font-size:13px;display:flex}.slTransferCard{background:#fff;border:1px solid #e2e8f0;flex-direction:column;min-width:0;display:flex}.slTransferCard__header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.slTransferCard__header strong{color:#0f172a;margin-top:3px;font-size:17px;display:block}.slTransferDonut{justify-content:center;align-items:center;width:128px;height:128px;margin:4px auto 14px;display:flex;position:relative}.slTransferDonut svg{transform:rotate(-90deg)}.slTransferDonut__center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.slTransferDonut__pct{color:#15803d;font-size:22px;font-weight:800;line-height:1}.slTransferDonut__label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-top:3px;font-size:10px;font-weight:600}.slIconBtn{color:#2563eb;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:21px;display:flex}.slTransferMeter{background:#fef3c7;border-radius:9999px;width:100%;height:12px;margin-bottom:8px;overflow:hidden}.slTransferMeter span{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#16a34a);min-width:0;height:100%;display:block}.slTransferMeter__labels{color:#64748b;justify-content:space-between;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.slTransferStatList{flex-direction:column;gap:9px;margin-bottom:14px;display:flex}.slTransferStatList button{color:#0f172a;width:100%;min-height:86px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;transition:border-color .15s,background .15s,transform .15s;display:grid}.slTransferStatList button:hover{background:#f8fafc;border-color:#bfdbfe;transform:translate(2px)}.slTransferStatList button>svg{color:#94a3b8;font-size:18px}.slTransferStatList small,.slTransferStatList em{color:#64748b;font-size:12px;font-style:normal;display:block}.slTransferStatList strong{color:#0f172a;margin:3px 0;font-size:24px;line-height:1.2;display:block}.slTransferDot{border-radius:50%;width:10px;height:10px;margin-top:5px}.slTransferDot--pending{background:#f59e0b}.slTransferDot--paid{background:#22c55e}.slInlineLink{color:#2563eb;align-items:center;gap:4px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.slTransferCard .slInlineLink{margin-top:auto}.slRevenueDetails{margin-bottom:14px;padding:18px}.slDetailTabs{flex-wrap:wrap;gap:7px;display:flex}.slRevenueTableNote{color:#64748b;margin-bottom:10px;font-size:12px}.slTableScroll{border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow:auto}.slTablePagination{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:12px;display:flex}.slTablePagination__buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.slTablePagination__buttons span{text-align:center;color:#334155;min-width:76px;font-weight:700}.slTablePagination button{color:#1d4ed8;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:7px 10px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.slTablePagination button:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.slTablePagination button:disabled{cursor:not-allowed;color:#94a3b8;background:#f8fafc}.slTxnTable,.slTransferTable{min-width:920px}.slTxnToggle{color:#0f172a;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-weight:700;display:inline-flex}.slTxnToggle svg{color:#2563eb;font-size:18px}.slTxnDestination{flex-direction:column;gap:3px;min-width:160px;display:flex}.slTxnDestination span{color:#0f766e;background:#ecfeff;border-radius:9999px;width:max-content;padding:2px 7px;font-size:11px;font-weight:700}.slTxnDestination strong{color:#0f172a;white-space:normal;max-width:210px;font-size:13px}.slStatusPill{white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.slStatusPill--amber{color:#92400e;background:#fef3c7}.slStatusPill--blue{color:#1d4ed8;background:#dbeafe}.slStatusPill--green{color:#166534;background:#dcfce7}.slStatusPill--red{color:#b91c1c;background:#fee2e2}.slTxnExpandRow td{background:#f8fafc;padding-top:0}.slTxnExpand{background:#fff;border:1px solid #bfdbfe;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:inset 0 0 0 4px #dbeafe66}.slTxnExpand__title{color:#1d4ed8;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.slTxnExpand__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.slTxnExpand__meta div{flex-direction:column;gap:3px;min-width:0;display:flex}.slTxnExpand__meta small,.slTableSubtle{color:#64748b;font-size:12px}.slTxnExpand__meta strong{color:#0f172a;white-space:normal;font-size:13px;line-height:1.45}.slTxnItems{flex-wrap:wrap;gap:7px;display:flex}.slTxnItems span{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:6px 9px;font-size:12px;font-weight:600}.slTransferTable td strong{color:#0f172a;display:inline-block}.slDashboardOpsGrid{grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);align-items:start;gap:14px;display:grid}.slStatGrid--dashboard{margin-bottom:0}.slTaskCard{padding:18px 18px 10px}.slTaskHeader{justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.slTaskHeader span,.slTaskEmpty{color:#64748b;font-size:12px}.slTaskEmpty{padding:12px 0}.slTaskLink{color:#0f172a;margin:0 -14px;text-decoration:none}@media (max-width:1180px){.slDashboardRevenueGrid,.slDashboardOpsGrid{grid-template-columns:1fr}}@media (max-width:1024px){.slStatGrid,.slIncomeGrid,.slProdGrid{grid-template-columns:repeat(2,1fr)}.slIncomeColumns,.slOrderBody{grid-template-columns:1fr}.slRevenueShotGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.slRevenueShotGrid>:last-child{grid-column:1/-1}}@media (max-width:720px){.slDashboardHeader,.slSectionHead,.slDetailHeader,.slChartHeader{flex-direction:column;align-items:flex-start}.slTimeFilter,.slTimeFilter__range{align-items:stretch}.slTimeFilter__range label{justify-content:space-between;width:100%}.slTimeFilter__range input{flex:1}.slTxnExpand__meta,.slStatGrid--dashboard{grid-template-columns:1fr}}@media (max-width:1024px){.slShell{min-height:100dvh;display:block}.slMain{width:100%;min-width:0;padding:68px 14px 24px;overflow-x:hidden}.slMobileMenuBtn{z-index:32;color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:25px;display:flex;position:fixed;top:12px;left:14px;box-shadow:0 8px 24px -12px #0f172a73}.slSideOverlay{z-index:39;opacity:0;pointer-events:none;background:#0f172a7a;transition:opacity .2s;display:block;position:fixed;inset:0}.slSideOverlay.open{opacity:1;pointer-events:auto}.slSide{z-index:40;width:min(82vw,290px);height:100dvh;padding:16px 12px;transition:transform .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:18px 0 40px -24px #0f172a8c}.slSide.open{transform:translate(0)}.slSideClose{z-index:1;color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex;position:absolute;top:12px;right:10px}.slLogoTop{padding-right:42px}.slPageHeader{align-items:flex-end}.slPageTitle{margin-bottom:14px;font-size:20px}.slBreadcrumb{font-size:12px}.slCard{border-radius:12px;padding:14px}.slStatGrid,.slIncomeGrid,.slProdGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.slStatValue,.slProdValue{font-size:22px}.slIncomeCard__value{overflow-wrap:anywhere;font-size:19px}.slDashboardHero{border-radius:15px;padding:18px}.slDashboardHero__title{font-size:21px}.slDashboardHero__right{width:100%}.slDashboardHero__right>*{flex:1;justify-content:center}.slTimeFilter{padding:10px;position:static}.slTimeFilter__chips,.slPayoutsTimeFilter__chips{flex-wrap:nowrap;width:100%;padding-bottom:3px;overflow-x:auto}.slTimeFilter__chips button,.slPayoutsTimeFilter__chips button{flex:none}.slTimeFilter__label{width:100%}.slRevenueShot{min-height:160px;padding:16px}.slRevenueShot strong{font-size:27px}.slIncomeChartFrame{height:260px}.slTabs{overscroll-behavior-inline:contain;scrollbar-width:none;gap:18px;overflow-x:auto}.slTabs::-webkit-scrollbar{display:none}.slTab{white-space:nowrap;flex:none}.slToolbar{align-items:stretch}.slSearch{flex-basis:100%;min-width:0}.slSelect{flex:1;min-width:0}.slTableScroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.slTableScroll>table,table.slTable{min-width:680px}.slOrderCard{padding:14px}.slOrderHead,.slOrderFoot{align-items:flex-start;gap:10px}.slOrderHead>div{min-width:0}.slOrderDate{margin:4px 0 0;display:block}.slOrderBadge{flex-shrink:0}.slOrderBody{gap:14px}.slOrderItem{align-items:flex-start}.slOrderItem>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.slOrderItem__price{flex-shrink:0}.slOrderFoot{flex-direction:column}.slOrderActions{width:100%}.slOrderActions .slBtn{flex:1}.slIncomeColumns{gap:12px}.slBankCard__row{min-width:0}.slBankCard__row>div:last-child{overflow-wrap:anywhere;min-width:0}.slHistoryFilter{align-items:stretch}.slHistoryFilter label{justify-content:space-between;width:100%}.slHistoryFilter input{flex:1;min-width:0}.slFeeTable__row{gap:10px}.slFeeTable__row>:first-child{min-width:0}.slFeeTable__row>:last-child{flex-shrink:0}.slPaging{flex-wrap:wrap;gap:12px}.slModalOverlay{padding:14px;align-items:center!important}.slModal{overflow-y:auto;width:100%!important;max-width:100%!important;max-height:calc(100dvh - 28px)!important;padding:16px!important}.editProductModal .ppCatTabs,.editProductModal .ppChipGroup{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.editProductModal .ppCatTab,.editProductModal .ppChip{flex:none}}@media (max-width:480px){.slMain{padding-left:10px;padding-right:10px}.slPageHeader{align-items:flex-start}.slPageHeader .slBtn{white-space:nowrap;padding:8px 11px}.slStatGrid,.slIncomeGrid,.slProdGrid{grid-template-columns:1fr}.slRevenueShotGrid{gap:10px}.slSectionHead,.slDetailHeader{align-items:flex-start}.slDetailTabs{white-space:nowrap;width:100%;overflow-x:auto}.slPayoutsTimeFilter__range,.slPayoutsTimeFilter__range label{width:100%}.slPayoutsTimeFilter__range input{flex:1;min-width:0}.slBankCard__row{padding:12px}.slOrderActions{flex-direction:column}.slOrderActions .slBtn{width:100%}.slEmpty{padding:44px 10px}}@media (max-width:900px){.slShell,.slMain,.slMain>*{min-width:0;max-width:100%}.slPageHeader{flex-wrap:wrap;align-items:center}.slPageHeader>div:first-child{min-width:0}.slToolbar{flex-wrap:wrap;gap:10px;display:flex}.slSearch{flex:1 0 100%;width:100%}.slSelect{flex:1;width:100%;min-height:42px}.slTableScroll{background:0 0;border:0;overflow:visible}.slProductsTable,.slTxnTable,.slTransferTable,.slOrderItemsTable{background:0 0;width:100%;display:block;min-width:0!important}.slProductsTable thead,.slTxnTable thead,.slTransferTable thead,.slOrderItemsTable thead{display:none}.slProductsTable tbody,.slTxnTable tbody,.slTransferTable tbody,.slOrderItemsTable tbody{gap:12px;width:100%;display:grid}.slProductsTable tbody tr,.slTxnTable tbody tr.slTxnRow,.slTransferTable tbody tr,.slOrderItemsTable tbody tr{border:1px solid #dbe3ef;border-radius:14px;width:100%;display:block;overflow:hidden;box-shadow:0 4px 14px #0f172a0d;background:#fff!important}.slProductsTable tbody td,.slTxnTable tbody tr.slTxnRow>td,.slTransferTable tbody td,.slOrderItemsTable tbody td{border-bottom:1px solid #f1f5f9;grid-template-columns:minmax(92px,32%) minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:43px;display:grid;text-align:left!important;white-space:normal!important;padding:10px 13px!important}.slProductsTable tbody td:last-child,.slTxnTable tbody tr.slTxnRow>td:last-child,.slTransferTable tbody td:last-child,.slOrderItemsTable tbody td:last-child{border-bottom:0}.slProductsTable tbody td:before,.slTxnTable tbody tr.slTxnRow>td:before,.slTransferTable tbody td:before,.slOrderItemsTable tbody td:before{color:#64748b;font-size:11px;font-weight:700;line-height:1.4}.slProductsTable td:first-child:before{content:"เลือก"}.slProductsTable td:nth-child(2):before{content:"สินค้า"}.slProductsTable td:nth-child(3):before{content:"ราคา"}.slProductsTable td:nth-child(4):before{content:"ไซส์"}.slProductsTable td:nth-child(5):before{content:"จำนวน"}.slProductsTable td:nth-child(6):before{content:"วันที่"}.slProductsTable td:nth-child(7):before{content:"สถานะ"}.slProductsTable td:nth-child(8):before{content:"จัดการ"}.slTxnTable tr.slTxnRow td:first-child:before{content:"คำสั่งซื้อ"}.slTxnTable tr.slTxnRow td:nth-child(2):before{content:"วันที่"}.slTxnTable tr.slTxnRow td:nth-child(3):before{content:"ปลายทาง"}.slTxnTable tr.slTxnRow td:nth-child(4):before{content:"การจัดส่ง"}.slTxnTable tr.slTxnRow td:nth-child(5):before{content:"ยอดรวม"}.slTxnTable tr.slTxnRow td:nth-child(6):before{content:"ค่าบริการ"}.slTxnTable tr.slTxnRow td:nth-child(7):before{content:"สุทธิ"}.slTxnTable tr.slTxnRow td:nth-child(8):before{content:"การโอน"}.slTransferTable td:first-child:before{content:"รอบโอน"}.slTransferTable td:nth-child(2):before{content:"ธนาคารรับเงิน"}.slTransferTable td:nth-child(3):before{content:"วันที่โอน"}.slTransferTable td:nth-child(4):before{content:"ยอดจากช่วงที่เลือก"}.slTransferTable td:nth-child(5):before{content:"หลักฐาน"}.slOrderItemsTable td:first-child:before{content:"สินค้า"}.slOrderItemsTable td:nth-child(2):before{content:"ไซส์"}.slOrderItemsTable td:nth-child(3):before{content:"จำนวน"}.slOrderItemsTable td:nth-child(4):before{content:"ราคา/ชิ้น"}.slOrderItemsTable td:nth-child(5):before{content:"รวม"}.slTxnTable tbody tr.slTxnExpandRow{background:#f8faff;border:1px solid #bfdbfe;border-top:0;border-radius:0 0 14px 14px;margin-top:-13px;display:block;overflow:hidden}.slTxnTable tbody tr.slTxnExpandRow>td{width:100%;display:block;padding:12px!important}.slTablePagination{align-items:stretch}.slTablePagination__buttons{width:100%}.slTablePagination__buttons button{flex:1;min-height:42px}.slOrderCard{border-radius:14px}.slOrderBody{padding:12px 0}.slOrderColLabel{color:#64748b;margin-bottom:5px;font-weight:700}.slModalOverlay{padding:8px;align-items:flex-end!important}.slModal{border-radius:16px 16px 10px 10px!important;max-height:calc(100dvh - 16px)!important}}@media (max-width:600px){.slMain{padding:64px 10px 20px}.slDashboardHero__right{grid-template-columns:1fr 1fr;display:grid}.slStatGrid,.slStatGrid--dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.slProdGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.slProdCard{text-align:center;padding:12px 8px}.slProdCard>div:first-child{text-align:center;display:block!important}.slProdCard>div:first-child>div:last-child{display:none!important}.slProdValue{font-size:22px}.slIncomeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.slIncomeGrid>:last-child{grid-column:1/-1}.slRevenueShotGrid{grid-template-columns:1fr}.slRevenueShotGrid>:last-child{grid-column:auto}.slRevenueShot{min-height:150px;padding:16px}.slPageHeader .slBtn{min-height:42px}.slOrderHead{flex-wrap:wrap}.slOrderBadge{margin-left:auto}.slBankCard__editBtn{float:none;margin:0}.slOrderDetailInfo>div:last-child{grid-template-columns:1fr!important}.slOrderDetailInfo>div:last-child>div{grid-column:auto!important}}@media (max-width:380px){.slProdGrid{grid-template-columns:1fr}.slProdCard{text-align:left}.slProdCard>div:first-child{justify-content:flex-start}}.slFilterBtn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.slFilterBtn:hover,.slFilterBtn.active{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.slHistoryFilter{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.slHistoryFilter label{color:#475569;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.slHistoryFilter input{color:#0f172a;background:#fff;border:1px solid #bfdbfe;border-radius:8px;padding:5px 9px;font-size:13px}.slPayoutsTimeFilter{background:#fffffff0;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;display:flex}.slPayoutsTimeFilter__chips{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.slPayoutsTimeFilter__chips button{color:#475569;min-height:32px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.slPayoutsTimeFilter__chips button:hover{color:#1d4ed8;background:#fff;border-color:#bfdbfe}.slPayoutsTimeFilter__chips button.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#1d4ed8}.slPayoutsTimeFilter__chips button.custom.active{background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);border-color:#0f766e}.slPayoutsTimeFilter__range{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.slPayoutsTimeFilter__range label{color:#475569;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.slPayoutsTimeFilter__range input{color:#0f172a;background:#fff;border:1px solid #bfdbfe;border-radius:8px;padding:5px 9px;font-size:13px}@media (max-width:900px){.slHistoryFilter{align-items:stretch}.slHistoryFilter label{justify-content:space-between;width:100%}.slHistoryFilter input{flex:1;min-width:0;min-height:40px}.slPayoutsTimeFilter{align-items:stretch}.slPayoutsTimeFilter__chips{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;padding-bottom:5px;overflow-x:auto}.slPayoutsTimeFilter__chips button{flex:none;min-height:40px}.slPayoutsTimeFilter__range,.slPayoutsTimeFilter__range label{width:100%}.slPayoutsTimeFilter__range input{flex:1;min-width:0;min-height:40px}}.ab-page{background:#fafafa;min-height:100vh;font-family:Noto Sans Thai,sans-serif}.ab-hero{justify-content:center;align-items:center;height:92vh;min-height:520px;display:flex;position:relative;overflow:hidden}.ab-hero-img{object-fit:cover;object-position:center 30%;opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.ab-hero-img--active{opacity:1}.ab-hero-overlay{background:linear-gradient(#00000040 0%,#0009 100%);position:absolute;inset:0}.ab-hero-content{text-align:center;color:#fff;max-width:700px;padding:0 24px;position:relative}.ab-hero-eyebrow{letter-spacing:2px;text-transform:uppercase;color:#ffffffbf;margin-bottom:16px;font-size:13px;font-weight:600}.ab-hero-title{text-shadow:0 2px 12px #0000004d;margin-bottom:18px;font-size:clamp(28px,5vw,52px);font-weight:800;line-height:1.25}.ab-hero-sub{color:#ffffffe0;font-size:clamp(15px,2vw,18px);font-weight:400;line-height:1.6}.ab-section{max-width:1100px;margin:0 auto;padding:80px 24px}.ab-eyebrow{letter-spacing:2px;text-transform:uppercase;color:#3b82f6;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.ab-eyebrow-center{text-align:center}.ab-section-title{color:#0f172a;margin-bottom:40px;font-size:clamp(22px,3vw,34px);font-weight:800;line-height:1.3}.ab-center{text-align:center}.ab-story{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.ab-story-body{color:#475569;margin-bottom:16px;font-size:16px;line-height:1.8}.ab-story-body strong{color:#e4691a;font-weight:700}.ab-story-img-wrap{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000001f}.ab-story-img{object-fit:cover;width:100%;height:380px;transition:transform .4s;display:block}.ab-impact-section{background:#fff;border-radius:24px;max-width:1100px;margin:0 auto;padding:72px 40px;box-shadow:0 4px 24px #0000000f}.ab-impact-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.ab-impact-card{text-align:center;background:#fafafa;border:1px solid #f1f5f9;border-radius:16px;padding:28px 20px;transition:box-shadow .2s}.ab-impact-card:hover{box-shadow:0 8px 24px #00000014}.ab-impact-icon{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex}.ab-impact-value{margin-bottom:8px;font-size:40px;font-weight:800;line-height:1}.ab-impact-label{color:#64748b;font-size:13px;font-weight:500}.ab-how-section{background:linear-gradient(160deg,#f0f6ff 0%,#f8faff 40%,#fff7f0 100%);padding:90px 24px;position:relative;overflow:hidden}.ab-how-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f612 0%,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:-120px;right:-120px}.ab-how-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#f9731612 0%,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-100px;left:-80px}.ab-how-inner{z-index:1;max-width:1100px;margin:0 auto;position:relative}.ab-how-subtitle{text-align:center;color:#64748b;margin-top:-24px;margin-bottom:52px;font-size:15px;line-height:1.7}.ab-how-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid;position:relative}.ab-how-card{background:#fff;border:1px solid #f1f5f9;border-radius:22px;flex-direction:column;padding:0 0 32px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}.ab-how-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001f}.ab-how-accent{border-radius:22px 22px 0 0;width:100%;height:5px;margin-bottom:24px}.ab-how-step-badge{letter-spacing:2px;border-radius:99px;width:fit-content;margin:0 28px 16px;padding:4px 12px;font-size:11px;font-weight:800}.ab-how-icon-wrap{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 28px 18px;display:flex;box-shadow:0 4px 14px #00000014}.ab-how-title{color:#0f172a;margin:0 28px 10px;font-size:18px;font-weight:700}.ab-how-desc{color:#64748b;flex:1;margin:0 28px 20px;font-size:14px;line-height:1.75}.ab-how-tags{flex-wrap:wrap;gap:6px;margin:0 28px 20px;display:flex}.ab-how-tag{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.ab-how-cta{color:var(--cta-color);background:color-mix(in srgb, var(--cta-color) 8%, transparent);border:1.5px solid color-mix(in srgb, var(--cta-color) 25%, transparent);border-radius:12px;align-self:flex-start;align-items:center;gap:6px;margin:0 28px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,gap .2s;display:inline-flex}.ab-how-cta:hover{background:color-mix(in srgb, var(--cta-color) 15%, transparent);gap:10px}.ab-how-cta-arrow{transition:transform .2s}.ab-how-cta:hover .ab-how-cta-arrow{transform:translate(3px)}.ab-values-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.ab-value-card{background:#fff;border:1px solid #f1f5f9;border-radius:18px;padding:28px 22px;transition:box-shadow .2s;box-shadow:0 2px 8px #0000000a}.ab-value-card:hover{box-shadow:0 8px 24px #00000014}.ab-value-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}.ab-value-title{color:#0f172a;margin-bottom:8px;font-size:16px;font-weight:700}.ab-value-desc{color:#64748b;font-size:13px;line-height:1.65}.ab-testimonials{background:#fff;border-radius:24px}.ab-testi-wrap{min-height:260px;margin-bottom:24px;position:relative}.ab-testi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:260px 1fr;align-items:center;gap:40px;transition:opacity .5s;display:grid;overflow:hidden}.ab-testi-img{object-fit:cover;width:260px;height:260px;transition:transform .4s;display:block}.ab-testi-quote{padding:32px 36px 32px 0}.ab-testi-card:hover .ab-testi-img{transform:scale(1.06)}.ab-testi-quote-icon{color:#3b82f6;opacity:.3;margin-bottom:12px}.ab-testi-title{color:#0f172a;margin-bottom:10px;font-size:18px;font-weight:700}.ab-testi-text{color:#475569;margin-bottom:20px;font-size:15px;line-height:1.75}.ab-testi-meta{align-items:center;gap:12px;display:flex}.ab-testi-school{color:#3b82f6;font-size:13px;font-weight:700}.ab-testi-date{color:#94a3b8;font-size:12px}.ab-testi-dots{justify-content:center;gap:8px;display:flex}.ab-testi-dot{cursor:pointer;background:#cbd5e1;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.ab-testi-dot.active{background:#3b82f6;border-radius:4px;width:24px}.ab-cta{text-align:center;padding:120px 24px;position:relative;overflow:hidden}.ab-cta-bg{object-fit:cover;object-position:center 40%;width:100%;height:100%;position:absolute;inset:0}.ab-cta-overlay{background:linear-gradient(#0f172ab3,#0f172ad9);position:absolute;inset:0}.ab-cta-content{color:#fff;max-width:600px;margin:0 auto;position:relative}.ab-cta-title{margin-bottom:16px;font-size:clamp(24px,4vw,40px);font-weight:800;line-height:1.3}.ab-cta-sub{color:#fffc;margin-bottom:36px;font-size:16px;line-height:1.7}.ab-cta-btns{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.ab-cta-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:700;transition:background .2s,transform .15s}.ab-cta-btn-primary:hover{background:#2563eb}.ab-cta-btn-secondary{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff9;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:700;transition:border-color .2s,transform .15s}.ab-cta-btn-secondary:hover{border-color:#fff}.ab-footer{text-align:center;color:#94a3b8;background:#fff;border-top:1px solid #f1f5f9;padding:24px;font-size:13px}@media (max-width:900px){.ab-story{grid-template-columns:1fr;gap:32px}.ab-impact-grid{grid-template-columns:repeat(2,1fr)}.ab-how-grid{grid-template-columns:1fr}.ab-values-grid{grid-template-columns:repeat(2,1fr)}.ab-testi-card{grid-template-columns:1fr}.ab-testi-img{width:100%;height:200px}.ab-testi-quote{padding:24px}}@media (max-width:520px){.ab-impact-grid{grid-template-columns:repeat(2,1fr)}.ab-values-grid{grid-template-columns:1fr 1fr}.ab-how-section{padding:60px 16px}}:root{background-color:#fff!important}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0;background-color:#fff!important}*{box-sizing:border-box}html,body{background-color:#fff;margin:auto 0;padding:0;font-family:Prompt,Mitr,sans-serif}#root{width:100%;max-width:1440px;min-height:100vh;margin:0 auto}.page-container{max-width:1440px;margin:0 auto}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/prompt-thai-300-normal-qs9oCq2b.woff2)format("woff2"),url(/assets/prompt-thai-300-normal-CDWjDcdW.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/prompt-vietnamese-300-normal-CzHbdZ_C.woff2)format("woff2"),url(/assets/prompt-vietnamese-300-normal-D5eS_LbO.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/prompt-latin-ext-300-normal-BveSF7za.woff2)format("woff2"),url(/assets/prompt-latin-ext-300-normal-5PsZRnuW.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/prompt-latin-300-normal-CW7rmI5T.woff2)format("woff2"),url(/assets/prompt-latin-300-normal-CCBwf7Ta.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-thai-400-normal-BrkKv8cO.woff2)format("woff2"),url(/assets/prompt-thai-400-normal-DJypnfr3.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-vietnamese-400-normal-BCPzsgPT.woff2)format("woff2"),url(/assets/prompt-vietnamese-400-normal-D4pLyeNK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-latin-ext-400-normal-DdSafGZ9.woff2)format("woff2"),url(/assets/prompt-latin-ext-400-normal-1pHbN9uy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-latin-400-normal-BQ9zjSN8.woff2)format("woff2"),url(/assets/prompt-latin-400-normal-CxU4ec_r.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-thai-500-normal-C18pDUoL.woff2)format("woff2"),url(/assets/prompt-thai-500-normal-D7YNqUJD.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-vietnamese-500-normal-DmzxmPwa.woff2)format("woff2"),url(/assets/prompt-vietnamese-500-normal-w_sS_j2F.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-latin-ext-500-normal--EZ1um7s.woff2)format("woff2"),url(/assets/prompt-latin-ext-500-normal-D-lI1EVT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-latin-500-normal-CxzxEHZc.woff2)format("woff2"),url(/assets/prompt-latin-500-normal-B1edBDQ9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-thai-600-normal-MrdfU7zR.woff2)format("woff2"),url(/assets/prompt-thai-600-normal-CYPViXds.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-vietnamese-600-normal-7QWjJBsF.woff2)format("woff2"),url(/assets/prompt-vietnamese-600-normal-1dyohtNh.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-latin-ext-600-normal-Cg9L7iJU.woff2)format("woff2"),url(/assets/prompt-latin-ext-600-normal-C8b50x67.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-latin-600-normal-hKZWXsc1.woff2)format("woff2"),url(/assets/prompt-latin-600-normal-CSDDLorv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-thai-700-normal-Cg4aQ0Nn.woff2)format("woff2"),url(/assets/prompt-thai-700-normal-Cb5ilR-c.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-vietnamese-700-normal-CGnCqMm1.woff2)format("woff2"),url(/assets/prompt-vietnamese-700-normal-Bop7lSxF.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-latin-ext-700-normal-BkJrvM1L.woff2)format("woff2"),url(/assets/prompt-latin-ext-700-normal-iiM_gSWc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/prompt-latin-700-normal-I2gc831J.woff2)format("woff2"),url(/assets/prompt-latin-700-normal-BfbftDSq.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/mitr-thai-300-normal-B2FzFrjl.woff2)format("woff2"),url(/assets/mitr-thai-300-normal-D09dNEVr.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/mitr-vietnamese-300-normal-Csf2yQCx.woff2)format("woff2"),url(/assets/mitr-vietnamese-300-normal-CIRgGTYU.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/mitr-latin-ext-300-normal-CJ52_Ynr.woff2)format("woff2"),url(/assets/mitr-latin-ext-300-normal-xzW4tIZE.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/mitr-latin-300-normal-DPiwP5Em.woff2)format("woff2"),url(/assets/mitr-latin-300-normal-CGezdBTo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mitr-thai-400-normal-CXWaAdVj.woff2)format("woff2"),url(/assets/mitr-thai-400-normal-CS4Do6aM.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mitr-vietnamese-400-normal-CPMGWyoC.woff2)format("woff2"),url(/assets/mitr-vietnamese-400-normal-Z6XhIpdY.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mitr-latin-ext-400-normal-B3CPG7Yo.woff2)format("woff2"),url(/assets/mitr-latin-ext-400-normal-DTx65hiC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mitr-latin-400-normal-CwbkLQ4a.woff2)format("woff2"),url(/assets/mitr-latin-400-normal-Cb18vPmZ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/mitr-thai-500-normal-CVdBrEVH.woff2)format("woff2"),url(/assets/mitr-thai-500-normal-CW_B5D-i.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/mitr-vietnamese-500-normal-CDrv0585.woff2)format("woff2"),url(/assets/mitr-vietnamese-500-normal-CMQWyq-Z.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/mitr-latin-ext-500-normal-B_Diajz1.woff2)format("woff2"),url(/assets/mitr-latin-ext-500-normal-DYOsVaVT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/mitr-latin-500-normal-BmClOow2.woff2)format("woff2"),url(/assets/mitr-latin-500-normal-B4JOhzAi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mitr-thai-600-normal-DFYMNGrH.woff2)format("woff2"),url(/assets/mitr-thai-600-normal-DvC8ywyI.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mitr-vietnamese-600-normal-CjzS03ku.woff2)format("woff2"),url(/assets/mitr-vietnamese-600-normal-CrXN8S6A.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mitr-latin-ext-600-normal-CIqZ5Lpq.woff2)format("woff2"),url(/assets/mitr-latin-ext-600-normal-DGIYYRq8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mitr-latin-600-normal-kSdUWQ3Q.woff2)format("woff2"),url(/assets/mitr-latin-600-normal-CCDPiDpK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mitr-thai-700-normal-DydbJCoG.woff2)format("woff2"),url(/assets/mitr-thai-700-normal-Cs3VJI5T.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mitr-vietnamese-700-normal-DSrGZwDM.woff2)format("woff2"),url(/assets/mitr-vietnamese-700-normal-asdvPR7H.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mitr-latin-ext-700-normal-DvhkRTPF.woff2)format("woff2"),url(/assets/mitr-latin-ext-700-normal-DLMaE__R.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mitr-latin-700-normal-ChTVkFRU.woff2)format("woff2"),url(/assets/mitr-latin-700-normal-CUoIUlsp.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}