@font-face{font-family:LOThai;src:url('../scan/vendor/Sarabun-Regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#07111f;color:#dce4ee;font-family:Kanit,LOThai,sans-serif;font-weight:400;line-height:1.65;background-image:radial-gradient(ellipse at 85% 0,#18334e55,transparent 48%)}button,input{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d8b35b;outline-offset:4px}.oc-header{max-width:1120px;margin:auto;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8b35b25;gap:20px}.oc-brand{text-decoration:none;color:#d8b35b;font:14px/1.5 Georgia,serif;letter-spacing:.23em}.oc-brand small{display:block;font:11px Kanit,LOThai,sans-serif;color:#8b9ab0;letter-spacing:0;margin-top:3px}.oc-back{text-decoration:none;font-size:12px;border:1px solid #ba9d6755;border-radius:30px;padding:8px 14px;color:#d4c49f}.oc-wrap{max-width:1030px;margin:auto;padding:40px 30px 10px}.oc-top{padding:12px 0 40px;display:grid;grid-template-columns:1fr 440px;gap:35px;align-items:center}.oc-ey{font-size:10px;letter-spacing:.16em;color:#b69b60}.oc-intro h1{font-weight:500;font-size:34px;margin:10px 0 12px;line-height:1.4;color:#f0dfb2}.oc-intro p{font-size:14px;color:#8fa2bb;margin:0;line-height:1.8}.oc-search{border:1px solid #bca26840;background:linear-gradient(140deg,#13253b,#0e1c2e);border-radius:14px;padding:23px}.oc-search label{display:block;font-size:14px;color:#dce3ed;margin-bottom:10px}.oc-search-row{display:flex;gap:9px}.oc-search input{min-width:0;flex:1;width:100%;border:1px solid #6c829d5e;border-radius:8px;background:#071424;padding:12px;color:#edf2f9;font-size:17px;letter-spacing:.03em}.oc-search input::placeholder{color:#697f99}#ocSubmit{border:1px solid #d8b35b;border-radius:8px;color:#172333;background:#d8b35b;padding:10px 14px;font-size:13px;font-weight:500;white-space:nowrap}#ocSubmit:hover{background:#e4c67b}.oc-hint{font-size:11px;color:#7e93ac;margin:12px 0 0}.oc-results-area{border-top:1px solid #7b91ac24;padding-top:27px}.oc-results-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.oc-results-heading h2{font-size:21px;font-weight:400;margin:0;color:#e0e7f0}.oc-sort{font-size:11px;color:#7189a5;margin:3px 0 0}.oc-refresh{background:transparent;color:#cdb47a;border:1px solid #bca16844;border-radius:8px;padding:8px 12px;font-size:12px;white-space:nowrap}#ocStatus{font-size:13px;color:#9bacc3;margin:20px 0}#ocStatus.bad{color:#f2a6a9}.oc-updated{font-size:10px;color:#6d86a2;text-align:right;margin:0 0 12px}.oc-card{padding:22px;margin:14px 0;border:1px solid #8299b32d;border-radius:13px;background:#0d1d30}.oc-card.latest{border-color:#b89b5c65;background:linear-gradient(115deg,#13263c,#0d1c2f)}.oc-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.oc-date{font-size:10px;color:#8098b4}.oc-latest{font-size:10px;color:#d5b66c;border-radius:20px;border:1px solid #d8b35b35;padding:3px 9px;white-space:nowrap}.oc-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.oc-product{display:flex;gap:16px;align-items:center;min-width:0}.oc-product>div:last-child{min-width:0}.oc-cover{width:66px;height:84px;flex-shrink:0;display:grid;place-items:center;background:#07121f;color:#a38d5c;border:1px solid #b6a17226;border-radius:7px;overflow:hidden}.oc-cover img{width:100%;height:100%;object-fit:contain}.oc-cover svg{width:32px;height:32px}.oc-card h3{font-size:19px;font-weight:400;line-height:1.4;margin:0 0 5px;color:#e3e9f2;overflow-wrap:anywhere}.oc-product-name{font-size:13px;color:#bdcbdc;margin:4px 0;overflow-wrap:anywhere}.oc-quantity{font-size:12px;color:#a1b3c9;margin:3px 0}.oc-id{font:10px/1.6 Kanit,LOThai,sans-serif;color:#718ba9;overflow-wrap:anywhere;margin:5px 0 0}.oc-badge{font-size:11px;background:#183d35;color:#9cd3b6;padding:5px 10px;border:1px solid #8acba029;border-radius:7px;flex-shrink:0;max-width:210px}.oc-badge.pending{color:#ddc18c;background:#b8944015;border-color:#b8944035}.oc-badge.cancelled{color:#e1a0a8;background:#5b293333;border-color:#a557653d}.oc-source{font-size:11px;color:#8ba1bc;margin:14px 0 17px;overflow-wrap:anywhere}.oc-track{padding:13px 0;border-top:1px solid #9db4cb19}.oc-await{margin:0;font-size:12px;color:#748ba6}.oc-track-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0;flex-wrap:wrap}.oc-track-caption{display:block;font-size:10px;color:#8098b4}.oc-track-number{display:block;font:400 17px/1.6 Kanit,LOThai,sans-serif;letter-spacing:.07em;color:#e0c68c;overflow-wrap:anywhere}.oc-track-line p{font-size:11px;color:#9eb2c9;margin:3px 0}.oc-track-actions{display:flex;gap:8px}.oc-track-actions button,.oc-track-actions a{font:300 11px Kanit,LOThai,sans-serif;text-decoration:none;border:1px solid #b49a6244;border-radius:6px;color:#d6bc80;background:#0a1726;padding:7px 10px}.oc-extra{border-top:1px solid #8a9eb51c;margin-top:3px}.oc-extra summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#acbcd0;padding:14px 0 0;cursor:pointer}.oc-extra summary::-webkit-details-marker{display:none}.oc-extra summary span{font-size:18px;color:#aa976b}.oc-extra[open] summary span{transform:rotate(45deg)}.oc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:18px}.oc-detail{font-size:13px;overflow-wrap:anywhere;min-width:0}.oc-detail h4{font-size:11px;color:#8a9fb9;font-weight:300;margin:0 0 9px}.oc-detail p{margin:6px 0}.oc-detail ul{padding:0;margin:0;list-style:none}.oc-detail li,.oc-money-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:3px 0}.oc-detail b{font-weight:400}.oc-money-row b{color:#e5cf9f}.oc-balance{color:#e3ba77}.oc-detail .oc-store-status{font-size:11px;color:#8299b3;margin-top:12px;line-height:1.7}.oc-detail .oc-addons-title{margin-top:17px}.oc-more{display:block;margin:24px auto;background:#0f2136;color:#d4bb83;border:1px solid #b59c6444;border-radius:8px;padding:11px 20px;font-size:13px}.oc-help{border-top:1px solid #8ca5bf26;padding:22px 0;margin:35px 0 0}.oc-help b{font-size:12px;font-weight:400;color:#9eafc4}.oc-help p{font-size:11px;color:#7088a4;margin:5px 0;max-width:650px}footer{max-width:1030px;margin:auto;padding:18px 30px 30px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#687e99;font-size:11px}footer b{font:11px Georgia,serif;color:#a78f5e;letter-spacing:.2em}footer a{text-decoration:none}@media(max-width:850px){.oc-top{grid-template-columns:1fr;gap:23px}.oc-intro h1{font-size:32px}.oc-wrap{padding-top:28px}.oc-search{max-width:none}.oc-top{padding-bottom:30px}}@media(max-width:600px){.oc-header{padding:18px}.oc-brand{font-size:12px}.oc-brand small{font-size:10px}.oc-back{font-size:10px;padding:7px 11px}.oc-wrap{padding:22px 17px 5px}.oc-intro h1{font-size:29px}.oc-intro p{font-size:13px}.oc-search{padding:18px}.oc-search-row{flex-direction:column;gap:10px}#ocSubmit{padding:11px}.oc-search input{padding:12px;font-size:17px}.oc-results-heading h2{font-size:19px}.oc-refresh{font-size:11px}.oc-card{padding:17px}.oc-card-top{flex-wrap:wrap;gap:12px}.oc-product{width:100%;gap:13px}.oc-cover{width:58px;height:76px}.oc-card h3{font-size:17px}.oc-badge{margin-left:71px;font-size:10px;max-width:calc(100% - 71px)}.oc-source{font-size:10px}.oc-card-meta{gap:8px}.oc-date{font-size:9px}.oc-detail-grid{grid-template-columns:1fr;gap:20px}.oc-extra summary{font-size:11px}.oc-track-number{font-size:16px}.oc-track-actions{width:100%}.oc-track-actions button,.oc-track-actions a{font-size:11px;padding:7px 10px}.oc-help{margin-top:26px}footer{padding:20px 18px 28px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.oc-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}