*,:after,:before{box-sizing:border-box}:root{--f:Inter,"IBM Plex Sans Thai",system-ui,sans-serif;--ac:#4f46e5;--acw:#eef2ff;--ink:#111827;--i2:#667085;--i3:#667085;--ln:#e2e6ef;--ln2:#f0f2f8;--bg:#f6f7fb;--bad:#dc2626;--ok:#16a34a;--okw:#ecfdf3;--warn:#f59e0b;--sh:0 4px 14px rgba(16,24,40,.07)}body{margin:0;background:var(--bg);font-family:var(--f);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px}a{color:var(--ac);text-decoration:none}a:hover{color:color-mix(in srgb,var(--ac),#000 15%)}img{max-width:100%;display:block}button,input,select,textarea{font-family:inherit}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mut{color:var(--i3)}.bad{color:var(--bad)}.up{color:var(--ok)}.down{color:var(--bad)}.sm{font-size:12px}.between,.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{gap:12px}.stack,.wrap{display:flex;flex-direction:column}.wrap{max-width:1440px;margin:0 auto;padding:32px 48px 64px;gap:24px}.ttl{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.ttl h1{font:400 30px/1.25 var(--f);margin:0}.ttl p{margin:6px 0 0;color:var(--i3);line-height:1.5}.eyb{font:700 12px/normal var(--f);color:var(--ac);text-transform:uppercase;margin-bottom:6px}.h2{font:700 18px/1.3 var(--f)}.h2,.h3{margin:0}.h3{font:700 14px/1.3 var(--f)}.hdr{display:flex;align-items:center;gap:28px;padding:0 48px;height:72px;border-bottom:1px solid var(--ln);background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.hdr form{flex:1 1;min-width:0}.lg{font:800 20px/normal var(--f);white-space:nowrap}.lg,.lg:hover{color:var(--ac)}.nav{display:flex;gap:28px}.nav a{font:600 13px/normal var(--f);color:var(--i3);white-space:nowrap}.nav a.on,.nav a:hover{color:var(--ac)}.srch{width:100%;height:40px;border:1px solid var(--ln);border-radius:12px;padding:0 14px 0 42px;font-size:14px;color:var(--ink);background:#fff url(/icons/search.svg) 14px no-repeat}.srch.big{height:48px}.inp::placeholder,.srch::placeholder{color:var(--i3)}.sw{position:relative}.kbd{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:var(--ln2);color:var(--i3);font-size:11px;padding:4px 8px;border-radius:6px;pointer-events:none}.icb{position:relative;display:inline-grid;place-items:center;color:var(--ink);flex:none}.cb{min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--ac);color:#fff;font:600 10px/17px var(--f);text-align:center;display:inline-block}.icb .cb{position:absolute;top:-9px;right:-11px}.av{width:34px;height:34px;border-radius:50%;background:#8b5cf6;color:#fff;display:grid;place-items:center;font:700 14px/1 var(--f);flex:none;text-transform:uppercase}.av:hover{color:#fff}.av.big{width:54px;height:54px;font-size:20px}.tabs{display:none}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:7px 12px;border:1px solid var(--ln);border-radius:999px;display:inline-flex;align-items:center;gap:7px;font:600 12px/normal var(--f);color:var(--i3);background:#fff;white-space:nowrap;cursor:pointer}.chip.on{background:var(--acw);border-color:var(--ac);color:var(--ac)}select.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background:#fff url(/icons/chevron-down.svg) right 9px center/14px no-repeat}.tag{font:700 10px/normal var(--f);padding:4px 8px;border-radius:999px;background:var(--acw);color:var(--ac)}.st{font-size:13px;white-space:nowrap}.st-ACTIVE,.st-PAID,.st-PUBLISHED{color:var(--ok)}.st-PENDING{color:#d97706}.st-DISABLED,.st-FAILED{color:var(--bad)}.st-DRAFT,.st-REFUNDED{color:var(--i3)}.grid{display:grid;grid-template-columns:repeat(auto-fill,244px);grid-gap:16px;gap:16px}.pc{border:1px solid var(--ln);border-radius:12px;padding:14px;gap:12px;background:#fff;box-shadow:var(--sh);display:flex;flex-direction:column;min-width:0}.pc,.pc:hover{color:inherit}.pt{font:700 17px/1.45 var(--f);color:var(--ink)}.pd,.pt{margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd{font-size:12px;color:var(--i3)}.prow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.pp{font:400 17px/normal var(--f)}.rt{font:600 12px/normal var(--f);color:var(--warn);white-space:nowrap}.art{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:14px;border-radius:8px;overflow:hidden;color:#fff;aspect-ratio:216/145;flex:none}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.art b{position:relative;font:800 28px/1 var(--f)}.art.th{width:70px;height:60px;aspect-ratio:auto;padding:0}.badge{position:relative;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.91);font:700 10px/normal var(--f)}.ph{background:var(--ln2);border-radius:12px}.btn,.btn2{height:40px;padding:0 16px;border-radius:8px;font:600 14px/1 var(--f);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;cursor:pointer}.btn{background:var(--ac);color:#fff;border:1px solid var(--ac)}.btn2{background:#fff;color:var(--ink);border:1px solid var(--ln)}.btn:hover{color:#fff;filter:brightness(.95)}.btn2:hover{color:var(--ink)}.btn2:disabled,.btn:disabled{background:var(--ln2);border-color:var(--ln2);color:var(--i3);filter:none;cursor:not-allowed}.btn.danger{background:var(--bad);border-color:var(--bad)}.btn2.danger{color:var(--bad)}.btnl{width:100%}.lnk{background:none;border:0;padding:0;font:inherit;color:var(--ac);cursor:pointer}.lnk.bad{color:var(--bad)}.lbl{font:500 12px/1 var(--f);color:var(--i2);margin-bottom:6px;display:block}.inp{height:48px;width:100%;border:1px solid var(--ln);border-radius:12px;background:#fff;padding:0 14px;font-size:14px;color:var(--ink);display:flex;align-items:center}.inp>*{flex:1 1}select.inp{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:42px;background:#fff url(/icons/chevron-down.svg) right 14px center no-repeat}textarea.inp{height:auto;min-height:90px;padding:13px 14px;line-height:1.6;resize:vertical;display:block}.inp.bad{border-color:var(--bad);background:#fdf6f6}.err{margin-top:6px;font-size:12px;color:var(--bad)}.alert{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:12px;background:#fef2f2;color:#991b1b}.alert.ok{background:var(--okw);color:var(--ok)}.alert.ok:before{content:"";flex:none;width:18px;height:18px;background:url(/icons/check-circle.svg)}.chk{gap:6px;align-items:center;cursor:pointer}.chk,.pnl{display:flex}.pnl{background:#fff;border-radius:12px;padding:22px;flex-direction:column;gap:16px;min-width:0}.sum{box-shadow:var(--sh);padding:20px}.card{border:1px solid var(--ln);border-radius:12px;background:#fff}.pad{padding:20px}.tblw{border:1px solid var(--ln);border-radius:12px;background:#fff;overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font:600 12px/normal var(--f);color:var(--i3);padding:14px 16px;background:var(--ln2);white-space:nowrap}.tbl td{padding:8px 16px;height:54px;border-top:1px solid var(--ln);vertical-align:middle}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td,.tbl tr.sel td{background:var(--acw)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:22px;background:#fff;border-radius:12px}.empty b{font-size:16px}.empty p{margin:0;font-size:13px;color:var(--i3);max-width:440px}.eic{width:28px;height:28px;background:url(/icons/package-open.svg) 50%/contain no-repeat}.test{display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid #f3d089;background:#fffbeb;border-radius:12px;flex-wrap:wrap;font-size:13px}.tb{font:700 10px/1 var(--f);letter-spacing:.06em;background:#b45309;color:#fff;padding:5px 8px;border-radius:999px}.kv{display:grid;grid-template-columns:auto 1fr;grid-gap:8px 16px;gap:8px 16px;font-size:13px;margin:0}.kv dt{color:var(--i3)}.kv dd{margin:0}.bar{height:8px;background:var(--ln2);overflow:hidden}.bar,.bar>i{border-radius:4px}.bar>i{display:block;height:100%;background:var(--ac)}.toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;z-index:50;display:flex;gap:14px;align-items:center;box-shadow:var(--sh)}.toast .lnk{color:#c7d2fe}.drawer-bg,.modal-bg{position:fixed;inset:0;background:rgba(17,24,39,.4);z-index:40;display:grid;place-items:center}.modal{background:#fff;border-radius:18px;padding:24px;width:min(440px,92vw);display:flex;flex-direction:column;gap:16px}.modal p{margin:0;color:var(--i3);line-height:1.5}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100vw;background:#fff;z-index:41;overflow-y:auto;box-shadow:-8px 0 30px rgba(0,0,0,.12)}.split{grid-template-columns:1fr 330px;grid-gap:28px;gap:28px}.rail,.split{display:grid;align-items:start}.rail{grid-template-columns:230px 1fr;grid-gap:24px;gap:24px}.sticky{position:-webkit-sticky;position:sticky;top:96px}.hero{display:flex;gap:40px;align-items:flex-start;padding:32px;border-radius:18px;background:var(--ac);color:#fff}.hero>div:first-child{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:14px}.hero h2{font:400 34px/1.25 var(--f);margin:0}.hero p{margin:0;font-size:15px;color:#e0e7ff}.hero-art{width:330px;height:150px;border-radius:12px;background:linear-gradient(#a78bfa,#312e81);flex:none}.flt{padding:18px;gap:18px}.flt h3{font:400 13px/normal var(--f);margin:0 0 8px;color:#000}.flt section div{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12px;color:var(--i3);line-height:1.8}.flt input{margin:0;accent-color:var(--ac)}.pdp{display:flex;gap:36px;align-items:flex-start}.pmedia{width:650px;max-width:50%;height:500px;border-radius:18px;padding:40px;overflow:hidden;position:relative;color:#fff;font:800 48px/1.15 var(--f);text-transform:uppercase;overflow-wrap:anywhere;flex:none}.pmedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pinfo{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:16px}.pinfo .price{font:400 32px/normal var(--f)}.pinfo .desc{margin:0;color:var(--i3);line-height:1.6}.ticks{gap:16px;font-size:13px;color:var(--i3)}.rev,.ticks{display:flex;flex-direction:column}.rev{background:#fff;border-radius:12px;padding:16px;gap:6px}.rev b{font-size:14px}.rev p{margin:0;line-height:1.6}.rev small{font-size:12px;color:var(--i3)}.stars{color:var(--warn)}.stars button{background:none;border:0;padding:0 2px;font-size:24px;line-height:1;cursor:pointer;color:var(--ln)}.stars button.on{color:var(--warn)}.ci{display:flex;align-items:center;gap:16px;padding:14px;border-radius:12px;background:var(--bg)}.cit{flex:1 1;min-width:0}.ci b{font-size:15px;white-space:nowrap}.srow{display:flex;justify-content:space-between;gap:12px;font-size:13px}.srow span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ln);padding-top:14px}.tot b{font-size:15px}.tot span{font-size:20px}.ok-ic{width:52px;height:52px;border-radius:50%;background:var(--okw);color:var(--ok);display:grid;place-items:center;font-size:24px}.ok-ic.no{background:#fef2f2;color:var(--bad)}.ok-ic.wait{background:var(--ln2);color:var(--i3)}.ok-ic img{width:24px;height:24px}.prof{gap:16px;padding:18px}.prof,.prow2{display:flex;align-items:center;background:#fff;border-radius:12px}.prow2{justify-content:space-between;height:48px;padding:0 16px;color:var(--ink);font-size:14px;border:0;width:100%;cursor:pointer}.prow2:hover{color:var(--ac)}.prow2.danger{color:var(--bad)}.auth{display:grid;grid-template-columns:650px 1fr;min-height:100vh;background:#fff}.auth-l{background:var(--ac);color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:space-between}.auth-l.dark{background:var(--ink)}.auth-l .lg{color:#fff;font-size:22px}.auth-l h2{font:400 44px/1.2 var(--f);margin:0 0 20px;max-width:500px}.auth-l p{font-size:16px;line-height:1.5;color:#e0e7ff;max-width:480px;margin:0}.auth-l small{font-size:13px;color:#e0e7ff}.auth-r{padding:100px 100px 48px}.auth-r form{max-width:440px;display:flex;flex-direction:column;gap:20px;margin-top:20px}.auth-r .alt{font-size:13px;color:var(--i3)}.adm{min-height:100vh}.adm,.sb{display:flex}.sb{width:230px;flex:none;background:var(--ink);padding:20px;flex-direction:column;gap:8px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sb,.sb .lg{color:#fff}.sb small{font-size:11px;color:#cbd5e1;letter-spacing:.02em;margin:-4px 0 4px}.sbi{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border-radius:8px;font:600 14px/normal var(--f);color:#e5e7eb;flex:none;background:none;border:0;cursor:pointer}.sbi.on,.sbi:hover{color:#fff}.sbi.on{background:linear-gradient(90deg,#4338ca,#312e81)}.sbi .cb{margin-left:auto}.admw{flex:1 1;min-width:0;flex-direction:column}.admh,.admw{display:flex}.admh{height:64px;flex:none;align-items:center;gap:24px;padding:0 28px;background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:5}.admh form{flex:1 1}.admain{padding:28px 28px 64px;display:flex;flex-direction:column;gap:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.stat{background:#fff;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px}.stat span{font-size:12px;color:var(--i3)}.stat b{font:400 28px/normal var(--f)}.stat small{font-size:11px;color:var(--ok)}.stat small.mut{color:var(--i3)}.stat small.down{color:var(--bad)}.dash{display:grid;grid-template-columns:1fr 340px;grid-gap:18px;gap:18px;align-items:start}.chart{display:flex;align-items:flex-end;gap:8px;height:150px}.chart>i{flex:1 1;max-width:36px;background:var(--acw);border-radius:4px 4px 0 0;min-height:4px}.chart>i:last-child{background:var(--ac)}.tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tools form{flex:1 1;min-width:240px}.cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:16px;gap:16px}.cc{background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px}.sw38{width:38px;height:38px;border-radius:8px}.step{justify-content:space-between;gap:12px;min-height:58px;padding:10px 16px;border-radius:12px;background:var(--bg)}.mf,.step{display:flex;align-items:center}.mf{gap:8px;min-height:46px;padding:0 12px;background:#fff;border-radius:8px;font-size:14px}.mf input,.mf select{flex:1 1;min-width:0;border:0;background:none;font-size:14px;color:var(--ink);height:44px;outline-offset:2px}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:20px;border:1px solid var(--ln);border-radius:12px;background:#fff;text-align:center;cursor:pointer;color:var(--i3)}.drop b{color:var(--ink);font-size:14px}.drop small{font-size:12px}.drop.bad{border-color:var(--bad)}.pform{display:grid;grid-template-columns:1fr 380px;grid-gap:20px;gap:20px;align-items:start}.narrow{display:none}@media (max-width:1279px){.adm{display:none}.narrow{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:16px}}@media (max-width:1100px){.hdr{padding:0 24px}.hdr,.nav{gap:18px}.wrap{padding:24px 24px 64px}.pdp{flex-direction:column}.pmedia{width:100%;max-width:none;height:360px}.auth{grid-template-columns:1fr 1fr}.auth-r{padding:64px 40px}}@media (max-width:760px){.wrap{padding:16px 16px 110px;gap:16px}.hdr{padding:0 16px;height:58px;gap:10px;justify-content:space-between}.ttl h1{font-size:24px}.tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--ln);padding:8px 0 24px;z-index:20}.tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:44px;font-size:10px;color:var(--i3);position:relative}.tabs a.on{color:var(--ac);font-weight:600}.tabs .cb{position:absolute;top:0;left:calc(50% + 4px)}.tabs.off{opacity:.4;pointer-events:none}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.pc{padding:10px;gap:8px}.pt{font-size:14px}.pp{font-size:15px}.art{padding:10px}.art b{font-size:22px}.rail,.split{grid-template-columns:1fr}.sticky{position:static}.hero{padding:20px}.hero h2{font-size:24px}.hero-art{display:none}.pmedia{height:240px;padding:24px;font-size:30px}.btn,.btn2{min-height:44px}.toast{bottom:104px;width:max-content;max-width:calc(100vw - 32px)}.auth{grid-template-columns:1fr}.auth-l{display:none}.auth-r{padding:40px 20px}.hide-m{display:none!important}}@media (min-width:761px){.only-m{display:none!important}}