:root{color-scheme:dark;--ink:#f1f3fa;--muted:#9a9fb3;--line:#ffffff14;--lime:#2ce5df;--nav:#0b0d14;--bg:#080a10;--white:#141720}body{background:var(--bg);color:var(--ink)}a:hover{color:#2ce5df}a:focus-visible,button:focus-visible{outline:2px solid #2ce5df;outline-offset:5px}.workspace{background:radial-gradient(ellipse at 85% 0,#44214225,transparent 45%),radial-gradient(ellipse at 15% 30%,#163f4720,transparent 45%)}.sidebar{border-right:1px solid var(--line)}.brand-mark{background:#181d28;color:white;box-shadow:-3px 2px 0 #25e6df,3px -2px 0 #ff3d78}.brand{letter-spacing:1.5px}.brand small{color:#81889e}.sidebar nav>a{color:#999eb0}.sidebar nav>a:hover{background:#1a1e2b}.sidebar nav>a.active{background:#21d6cf15;color:#41eee6;border:1px solid #2ce5df30}.side-caption{color:#72798d}.side-bottom p{color:#8b92a5}.topbar{background:#0c0e16b8;border-color:var(--line)}.breadcrumb{color:#999eb3}.pill,.tag{background:#181b26;border-color:#ffffff15;color:#b6bccf}.avatar{background:#243d42;color:#63f4eb}h1,h2,h3{color:#f3f5fc}.eyebrow{color:#41dcd8;letter-spacing:2.2px}.panel,.product-card,.stat{background:linear-gradient(130deg,#171a25,#10131c);border-color:#ffffff18;box-shadow:0 16px 40px #00000015;border-radius:18px}.button{background:#2ce5df;color:#071a1e;border-radius:10px;transition:transform .2s,box-shadow .2s}.button:hover{color:#071a1e;filter:none;box-shadow:0 0 26px #2ce5df30;transform:translateY(-2px)}.button.secondary{background:#191e2b;border-color:#ffffff20;color:#dce3f3}.danger-button{background:#4a2230;color:#ffb8c8}.fine a,.prose a,td a,.checkbox a{color:#70e5e2}.notice-bar{background:#14303370;border-color:#2ce5df25;color:#b4eeeb}.notice-bar span:not(.notice-icon){color:#97b5b9}.notice-icon{background:#2ce5df18;color:#52e8e2}.dot{background:#2ce5df;box-shadow:0 0 12px #2ce5df45}.product-card:hover{border-color:#2ce5df66;box-shadow:0 12px 35px #00000035}.product-card h3{font-weight:600}.description,.stock,.country{color:#a2a9bc}.card-bottom{border-color:var(--line)}.card-bottom strong{color:#effbff}.card-bottom small{color:#929bb1}.platform{border:1px solid #ffffff15}.tiktok{background:#12151e;color:#fff;text-shadow:2px 1px #ff3d78,-2px -1px #25e6df}.instagram{background:#44243e;color:#ff9ccc}.facebook{background:#1b2c4b;color:#80b5ff}label,.prose{color:#b1b8c9}input:not([type=checkbox]),select,textarea{background:#0d1019;border-color:#303547;color:#edf2ff}input::placeholder{color:#7e869b}input:focus,select:focus,textarea:focus{border-color:#2ce5df;outline:2px solid #2ce5df22}input[type=checkbox]{accent-color:#2ce5df}.alert{background:#342b1c;border-color:#725b31;color:#ead4a2}.alert.success{background:#18362e;border-color:#2a624d;color:#a5e9ca}.alert.danger{background:#3e202a;border-color:#713147;color:#ffb6c6}.stat.accent{background:linear-gradient(120deg,#15363d,#132b2f);border-color:#2ce5df35}.stat small,.stat>span,.stat em{color:#a3afc4}th{background:#10141e;color:#a7b0c4}td{border-color:var(--line)}td small{color:#9ca6bc}.status{background:#293040;color:#c1c9dc}.status-approved,.status-verified,.status-completed,.status-done,.status-ready{background:#173b32;color:#8de9c6}.status-submitted,.status-pending,.status-review,.status-partial{background:#40351f;color:#f4d18b}.status-rejected,.status-suspended,.status-failed{background:#452332;color:#ffadc5}.status-processing,.status-queued,.status-fetching,.status-sending{background:#20334e;color:#a1caff}.bank-card,.secret{background:#172c31}.ticket blockquote{background:#172a30;border-color:#2ce5df}.pagination a{background:#191e2b}.empty h2{color:#e6eafa}.empty{color:#a6aec1}.demo-access{background:#191e2a}.demo-banner{background:#46351a;color:#f9dca2}footer{color:#7f899e}
.guest-view .app-shell{display:block}.guest-view .sidebar{position:relative;width:100%;height:auto!important;flex-direction:row;align-items:center;padding:25px max(5vw,24px);border-bottom:1px solid var(--line);background:#090b12}.guest-view .brand{margin:0}.guest-view .sidebar>.side-caption,.guest-view .sidebar nav,.guest-view .side-bottom,.guest-view .topbar{display:none}.guest-view .sidebar:after{content:"พื้นที่ใหม่สำหรับทุกบัญชี";margin-left:auto;color:#8991a7;font:10px Arial,sans-serif;letter-spacing:2px}.guest-view .workspace main{max-width:1300px;padding:28px 60px 48px}.guest-view footer{max-width:1180px;margin:auto;padding:24px 0}.landing-label{display:flex;align-items:center;gap:4px;color:#a7afc2;font:9px Arial,sans-serif;letter-spacing:2px}.landing-label>span:last-child{margin-left:auto;color:#656e85}.login-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:72px;align-items:center;padding:50px 0 46px}.intro h1{font-size:clamp(38px,4.1vw,60px);line-height:1.4;letter-spacing:-2.6px;margin:20px 0 18px}.intro h1 .gradient-text{display:block;background:linear-gradient(100deg,#34eee3 0%,#6bd9f6 40%,#fa649b 90%);background-clip:text;-webkit-background-clip:text;color:transparent}.gradient-text i{font:45px Arial,sans-serif;color:#fa4c89}.intro p{color:#a4acc0;font-size:14px;line-height:1.9}.platform-row{margin-top:24px;gap:10px}.platform-row>span:last-child{color:#949db2;font-size:10px;margin-left:8px}.platform-row .platform{width:36px;min-width:36px;height:36px;border-radius:10px}.login-panel{position:relative;padding:34px 34px 26px;margin:0;background:linear-gradient(140deg,#1d2030d9,#10131de8 70%);border-color:#ffffff20;border-radius:24px;box-shadow:0 24px 80px #0006}.login-panel:before{position:absolute;content:"";height:2px;top:-1px;left:28px;right:28px;background:linear-gradient(90deg,transparent,#2ce5df,#ff4d8d,transparent)}.login-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.access-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid #51e6df40;border-radius:14px;color:#51e6df;font-size:25px;background:#2ce5df0c}.login-panel h2{font-size:27px;line-height:1.55;letter-spacing:-.6px;margin-top:13px}.login-panel .eyebrow{font-size:9px;color:#929bb1}.login-panel .muted{font-size:12px}.google{background:#f4f6fb;border-color:#fff;color:#172034;margin:24px 0;min-height:54px;gap:12px}.google:hover{background:white;color:#172034}.google>span{margin-left:auto;font-size:20px}.member-note{display:flex;gap:12px;align-items:center;color:#939db4;font-size:11px}.member-note>span{color:#53e7e2;font-size:21px}.member-note p{margin:0;line-height:1.85}.access-benefits{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:10px;color:#b4bfd2;margin-bottom:18px}.login-panel .fine{font-size:10px;margin-bottom:0}.login-pending{display:flex;align-items:center;gap:10px;padding:17px;margin:24px 0;border-radius:12px;background:#20363c77;border:1px solid #2ce5df30}.login-pending strong{font-size:12px;color:#aceee8}.login-pending small{display:block;font-size:10px;color:#a5bac2;margin-top:5px}
.orbital-art{height:198px;position:relative;max-width:450px;margin:20px 0 -14px;overflow:hidden;background:radial-gradient(ellipse at center,#23cdc518,transparent 62%)}.orbit{position:absolute;border:1px solid #2ce5df35;border-radius:50%;width:310px;height:100px;top:55px;left:45px;transform:rotate(-22deg)}.orbit-two{transform:rotate(24deg);border-color:#ff4d8d35;width:285px;left:58px}.core{position:absolute;left:140px;top:30px;width:125px;height:125px;border-radius:28px;background:linear-gradient(135deg,#2b3546,#111721);border:1px solid #8bf7f044;box-shadow:-10px 8px 30px #2ce5df14,12px -8px 30px #fa4c8915;transform:rotate(-8deg);display:flex;flex-direction:column;justify-content:center;align-items:center}.core b{font:bold italic 64px Arial;color:#fff;text-shadow:-3px 2px #2ce5df,3px -2px #fa4c89}.core sup{font-size:22px;position:absolute;top:12px;right:14px;color:#2ce5df;text-shadow:none}.core small{font:6px Arial;letter-spacing:1px;color:#a0b1c6;margin-top:9px}.orbit-chip{position:absolute;padding:7px 11px;font:8px Arial;letter-spacing:1px;border:1px solid #ffffff20;border-radius:8px;background:#141c27;color:#b7d4dc}.chip-one{left:6px;top:72px}.chip-two{right:16px;top:107px;color:#f2b8d2}.journey{display:grid;grid-template-columns:1.1fr repeat(3,1fr);border-top:1px solid var(--line);padding-top:30px;gap:30px}.journey .eyebrow{font-size:8px;color:#8391a9}.journey h2{font-size:19px;line-height:1.5;margin:9px 0}.journey-step{border-left:1px solid var(--line);padding-left:24px}.journey-step>span{font:9px Arial;letter-spacing:1.5px;color:#53d9d6}.journey-step:nth-child(3)>span{color:#bca6f7}.journey-step:nth-child(4)>span{color:#f69cbd}.journey-step h3{font-size:13px;margin:12px 0 7px}.journey-step p{font-size:11px;color:#8e99af;line-height:1.8;margin:0}
@media(max-width:1000px){.guest-view .workspace main{padding:28px 32px 40px}.login-grid{gap:35px}.intro h1{font-size:42px}.login-panel{padding:26px}.login-panel h2{font-size:23px}.orbital-art{transform:scale(.9);transform-origin:left center}.guest-view footer{margin:0 32px}}@media(max-width:800px){.guest-view .sidebar{padding:21px 24px}.guest-view .sidebar:after{content:"พื้นที่สมาชิก";font-size:8px;letter-spacing:1px}.guest-view .workspace main{padding:24px}.landing-label{font-size:8px;letter-spacing:1px}.landing-label>span:last-child{display:none}.login-grid{grid-template-columns:1fr;gap:30px;padding:36px 0}.intro h1{font-size:45px;line-height:1.3;letter-spacing:-1.8px;margin:18px 0}.intro h1 br:nth-child(2){display:initial}.intro p{font-size:13px}.gradient-text i{font-size:34px}.platform-row{display:flex}.orbital-art{display:none}.login-panel{max-width:520px;width:100%;padding:26px;justify-self:center}.login-panel h2{font-size:25px}.login-card-top{margin-bottom:26px}.journey{grid-template-columns:1fr 1fr;gap:24px 18px}.journey-step{padding-left:16px}.journey h2{font-size:18px}.guest-view footer{margin:0 24px;padding:24px 0}.member-view .topbar{background:#10131c}}@media(max-width:380px){.guest-view .brand{font-size:13px}.guest-view .sidebar:after{display:none}.intro h1{font-size:36px}.login-panel{padding:22px}.login-panel h2{font-size:22px}.journey-step h3{font-size:12px}}@media(prefers-reduced-motion:reduce){.button,.product-card{transition:none}.button:hover{transform:none}}
@media(max-width:800px){.intro h1{font-size:36px;letter-spacing:-1.3px}.gradient-text i{font-size:30px}}