.portal-root{min-height:100vh;color:var(--ink);background:#f5f7f4;font:16px/1.5 var(--font-noto-thai),Noto Sans Thai,sans-serif}.portal-root *,.portal-root :after,.portal-root :before{box-sizing:border-box}.portal-root button,.portal-root input{font:inherit}.portal-root a{-webkit-tap-highlight-color:transparent}.portal-root img{display:block;max-width:100%}.portal-root :focus-visible{outline:3px solid #83c59c;outline-offset:3px}.portal-screen-view{min-height:100dvh;animation:portal-view-in .38s ease both}.portal-login-view{position:relative;display:flex;align-items:center;justify-content:center;padding:48px 20px 250px;overflow-x:clip;overflow-y:visible;background:linear-gradient(180deg,#BEE5D7,#E2F3E0 46%,#F8F2D6)}.login-sun{position:absolute;left:8%;top:8%;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#FFF3C4,#FFD166);box-shadow:0 0 70px 24px rgba(255,209,102,.4)}.login-cloud{position:absolute;left:-140px;border-radius:999px;background:#fff;animation-name:login-cloud;animation-timing-function:linear;animation-iteration-count:infinite}.portal-login-card{position:relative;z-index:3;width:442px;max-width:100%;padding:32px 36px 26px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px rgba(0,60,30,.14);animation:portal-rise .7s cubic-bezier(.22,1,.36,1) both}.portal-login-card.is-shaking-a{animation:portal-shake-a .45s cubic-bezier(.36,.07,.19,.97) both}.portal-login-card.is-shaking-b{animation:portal-shake-b .45s cubic-bezier(.36,.07,.19,.97) both}.portal-login-card-head{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;text-align:center}.portal-login-card-head img{width:132px;height:auto}.portal-login-title{margin:0;color:var(--ink);font-size:23px;font-weight:600;letter-spacing:.02em;line-height:1.5}.portal-login-card-head p{margin:2px 0 0}.portal-login-card-head p,.portal-login-feedback{color:var(--sub);font-size:14.5px;line-height:1.6}.portal-login-feedback.is-visible{margin-bottom:16px;padding:10px 14px;background:var(--cv-0);color:var(--cv-8);border-radius:8px}.portal-login-feedback.is-error{background:#FEE2E2;color:#991B1B}.portal-form-stack{display:flex;flex-direction:column;gap:16px}.portal-field-label{display:flex;min-width:0;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:15px;line-height:1.6}.portal-field-label>span:first-child{font-weight:600}.portal-field-hint{flex:0 0 auto;color:#9aa39b;font-size:13.5px;font-weight:400}.portal-input-wrap{position:relative}.portal-input{width:100%;height:48px;padding:0 14px;color:var(--ink);background:#fff;border:1.5px solid #cfd8cf;border-radius:10px;font-size:17px;transition:border-color .2s ease,box-shadow .2s ease}.portal-input:hover{border-color:#95baa0}.portal-input:focus{border-color:var(--cv-7);box-shadow:0 0 0 3px rgba(0,104,57,.14);outline:0}.portal-input:focus-visible{outline:3px solid #83c59c;outline-offset:2px}.portal-input-wrap-toggle .portal-input{padding-right:48px}.portal-password-toggle{position:absolute;top:6px;right:6px;display:grid;width:36px;height:36px;place-items:center;color:var(--mut);background:none;border:0;border-radius:8px;cursor:pointer}.portal-password-toggle:hover{color:var(--cv-8);background:var(--cv-0)}.portal-password-toggle:focus-visible{outline:3px solid var(--cv-3);outline-offset:1px}.portal-field.is-error .portal-input{border-color:#DC2626;box-shadow:0 0 0 3px rgba(220,38,38,.14)}.portal-field-message{min-height:19px;margin-top:5px;color:#B91C1C;font-size:13.5px;line-height:1.4;visibility:hidden}.portal-field-message.is-visible{visibility:visible}.portal-login-submit{position:relative;display:flex;width:100%;height:50px;margin-top:4px;align-items:center;justify-content:center;gap:10px;overflow:hidden;color:#fff;background:var(--cv-7);border:0;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:background .2s ease}.portal-login-submit:hover:not(:disabled){background:var(--cv-6)}.portal-login-submit:active:not(:disabled){background:var(--cv-8)}.portal-login-submit:focus-visible{outline:3px solid #83c59c;outline-offset:3px}.portal-login-submit:disabled{background:var(--cv-6);cursor:wait}.portal-login-submit:after{position:absolute;top:0;left:-80%;width:45%;height:100%;content:"";background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);pointer-events:none;transform:skewX(-18deg)}.portal-login-submit:hover:not(:disabled):after{animation:portal-shine .9s ease}.portal-login-spinner{width:19px;height:19px;flex:0 0 auto;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:portal-spin .7s linear infinite}.portal-login-footnote{margin:18px 0 0;color:var(--mut);font-size:13px;line-height:1.6;text-align:center}.login-scene{--scene-scale:1;position:absolute;left:50%;bottom:0;z-index:1;width:calc(100% / var(--scene-scale));height:220px;transform:translateX(-50%) scale(var(--scene-scale));transform-origin:bottom center;overflow:hidden;pointer-events:none}.login-hill{position:absolute;bottom:126px;border-radius:50% 50% 0 0}.login-field{position:absolute;left:0;right:0;bottom:88px;height:58px;background:linear-gradient(180deg,rgba(213,233,212,0),#D5E9D4 55%,#CBE3CB)}.login-tree{position:absolute;display:flex;flex-direction:column;align-items:center}.login-tree i{display:block;border-radius:50%}.login-tree u{display:block;width:5px;height:14px;margin-top:-3px;background:#8A6B4D}.login-path{left:6%;right:6%;height:2px;opacity:.7;background:repeating-linear-gradient(90deg,#9DBBA5 0 14px,transparent 14px 28px);animation:login-dash 1.6s linear infinite}.login-path,.login-site{position:absolute;bottom:118px}.login-site{display:flex;flex-direction:column;align-items:center;transform:translateX(-50%)}.login-site-cap{margin-top:9px;color:var(--cv-8);font-size:13.5px;font-weight:600;line-height:1.6;white-space:nowrap}.login-hatchery,.login-site-art{position:relative}.login-hatchery{display:flex;width:86px;height:52px;align-items:flex-end;justify-content:center;background:#93C6A8;border-radius:60px 60px 0 0}.login-hatchery-egg{position:absolute;top:12px;left:50%;width:22px;height:28px;background:#FCFCF4;border-radius:50% 50% 46% 46%;transform:translateX(-50%);animation:login-egg-bounce 1.6s ease-in-out infinite}.login-door{width:18px;height:22px;background:#00522D;border-radius:5px 5px 0 0}.login-chimney{position:absolute;background:#3E5E4C;border-radius:3px 3px 0 0}.login-smoke{position:absolute;border-radius:50%;background:#C9D6CC;animation-name:login-smoke;animation-timing-function:ease-out;animation-iteration-count:infinite}.login-mill{position:relative;width:104px;height:56px;background:#1E7C4E;clip-path:polygon(0 34%,25% 12%,25% 34%,50% 12%,50% 34%,75% 12%,75% 34%,100% 12%,100% 100%,0 100%)}.login-mill span{position:absolute;bottom:0;width:16px;height:18px;background:#0F4A2E}.login-farm-roof{width:96px;height:28px;background:#1E7C4E;clip-path:polygon(50% 0,100% 100%,0 100%)}.login-farm-body{display:flex;width:80px;height:46px;align-items:flex-end;justify-content:center;background:#fff;border:1.5px solid #dce5dc;border-top:none}.login-farm-body span{width:20px;height:26px;background:#1E7C4E;border-radius:6px 6px 0 0}.login-plant{position:relative;width:100px;height:54px;background:#0F4A2E;border-radius:6px 6px 0 0}.login-plant i{position:absolute;top:9px;left:10px;right:10px;height:8px;background:rgba(255,255,255,.2);border-radius:4px}.login-plant u{position:absolute;bottom:0;left:50%;width:34px;height:26px;background:#DCEEE2;border-radius:6px 6px 0 0;transform:translateX(-50%)}.login-nest{position:absolute;left:18%;bottom:146px;width:38px;height:24px}.login-nest span{position:absolute;width:10px;height:13px;background:#FCFCF4;border-radius:50%;box-shadow:inset -1px -2px 0 rgba(0,0,0,.06)}.login-nest i{position:absolute;left:0;bottom:0;width:38px;height:12px;background:#B08968;border-radius:0 0 14px 14px}.login-fence{position:absolute;left:71%;bottom:145px;width:120px;height:17px}.login-fence i{top:2px;height:3px;background:#B08968;border-radius:2px}.login-fence i,.login-fence u{position:absolute;left:0;right:0}.login-fence u{bottom:0;height:14px;background:repeating-linear-gradient(90deg,#B08968 0 4px,transparent 4px 20px)}.login-bird{position:absolute;animation-name:login-bob;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.login-hen-body{width:22px;height:22px;background:#FCFCF4;border-radius:50% 50% 45% 45%;animation:login-peck 4s ease-in-out 1s infinite}.login-chick,.login-hen-body{position:relative;transform-origin:bottom center}.login-chick{border-radius:50%;animation-name:login-peck;animation-duration:3.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.login-comb{position:absolute;top:-4px;left:9px;width:7px;height:7px;background:#E25A4A;border-radius:50%}.login-beak{position:absolute;right:-4px;width:0;height:0;border-left:5px solid #f59e0b;border-top:2.5px solid transparent;border-bottom:2.5px solid transparent}.login-hen-body .login-beak{right:-5px;top:7px;border-left-width:7px;border-top-width:3.5px;border-bottom-width:3.5px}.login-eye{position:absolute;right:3px;width:2px;height:2px;background:#3b3b3b;border-radius:50%}.login-hen-body .login-eye{right:5px;top:5px;width:2.5px;height:2.5px}.login-road{bottom:0;height:88px;background:#DFEBDD;border-top:2px solid #c7d8c8}.login-lane,.login-road{position:absolute;left:0;right:0}.login-lane{bottom:40px;height:3px;opacity:.9;background:repeating-linear-gradient(90deg,#fff 0 26px,transparent 26px 52px);animation:login-dash 1s linear infinite}.login-truck{position:absolute;animation-duration:24s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.login-truck-big{animation-name:login-truck-big}.login-truck-supply{animation-name:login-truck-supply}.login-truck-body{position:relative;width:170px;height:50px;transform:scale(var(--truck-scale,1));transform-origin:bottom left}.login-truck-box{position:absolute;left:0;bottom:12px;display:flex;width:126px;height:25px;align-items:center;justify-content:center;color:#fff;border-radius:4px;font-size:11.5px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.login-cargo{position:absolute;left:4px;bottom:37px;width:120px;height:26px;opacity:0;animation-duration:24s;animation-timing-function:linear;animation-iteration-count:infinite}.login-cargo-egg{animation-name:login-cargo-egg}.login-cargo-feed{animation-name:login-cargo-feed}.login-cargo-hen{animation-name:login-cargo-hen}.login-cargo-tray{position:absolute;left:6px;bottom:0;width:42px;height:7px;background:#B08968;border-radius:2px}.login-egg{position:absolute;bottom:5px;width:11px;height:14px;background:#FCFCF4;border-radius:50%}.login-sack{position:absolute;bottom:0;width:26px;height:19px;background:#D9B98C;border-radius:8px 8px 3px 3px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.07)}.login-hen{position:absolute;bottom:2px;width:19px;height:18px;background:#FCFCF4;border-radius:50% 50% 44% 44%}.login-truck-cab{position:absolute;left:128px;bottom:12px;width:34px;height:30px;border-radius:4px 8px 4px 4px}.login-truck-cab span{position:absolute;top:5px;right:4px;width:13px;height:10px;background:#CFEFDC;border-radius:2px}.login-wheel{position:absolute;bottom:0;width:16px;height:16px;background:#25332A;border-top:3px solid #7d8b81;border-radius:50%;animation:portal-spin .5s linear infinite}@keyframes portal-view-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes portal-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes portal-spin{to{transform:rotate(1turn)}}@keyframes portal-shine{0%{left:-80%}to{left:140%}}@keyframes portal-shake-a{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}@keyframes portal-shake-b{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}@keyframes login-cloud{0%{transform:translateX(-20vw)}to{transform:translateX(115vw)}}@keyframes login-dash{to{background-position:-72px 0}}@keyframes login-smoke{0%{opacity:.5;transform:translate(0) scale(.5)}to{opacity:0;transform:translate(10px,-52px) scale(1.5)}}@keyframes login-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes login-egg-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-2px)}}@keyframes login-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes login-peck{0%,78%,to{transform:rotate(0)}84%,92%{transform:rotate(14deg)}}@keyframes login-truck-supply{0%{transform:translateX(-500px)}10%,20%{transform:translateX(8vw)}30%,40%{transform:translateX(34vw)}50%,62%{transform:translateX(60vw)}75%,to{transform:translateX(112vw)}}@keyframes login-truck-big{0%,55%{transform:translateX(-240px)}70%,78%{transform:translateX(58vw)}88%,94%{transform:translateX(82vw)}to{transform:translateX(118vw)}}@keyframes login-cargo-egg{0%,18%{opacity:0}23%,54%{opacity:1}59%,to{opacity:0}}@keyframes login-cargo-feed{0%,38%{opacity:0}43%,54%{opacity:1}59%,to{opacity:0}}@keyframes login-cargo-hen{0%,73%{opacity:0}78%,89%{opacity:1}94%,to{opacity:0}}@media (max-width:900px){.login-scene{--scene-scale:.82}.portal-login-view{padding-bottom:220px}.login-sun{width:74px;height:74px}}@media (max-width:640px){.login-scene{--scene-scale:.58}.portal-login-view{padding:28px 14px 190px}.portal-login-card{padding:26px 20px 22px;border-radius:17px}.portal-login-card-head img{width:112px}.login-sun{width:60px;height:60px;left:6%}.login-bird,.login-fence,.login-nest,.login-site-cap,.login-tree{display:none}}@media (max-width:430px){.login-scene{--scene-scale:.46}.portal-login-view{padding-bottom:166px}}@media (min-width:641px) and (max-height:960px){.portal-login-view{padding-top:32px;padding-bottom:200px}.login-scene{--scene-scale:.78}}@media (min-width:641px) and (max-height:820px){.portal-login-view{padding-top:24px;padding-bottom:168px}.login-scene{--scene-scale:.66}.login-sun{width:72px;height:72px}}@media (prefers-reduced-motion:reduce){.portal-root *,.portal-root :after,.portal-root :before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.login-bird,.login-cargo,.login-chick,.login-cloud,.login-hatchery-egg,.login-hen-body,.login-lane,.login-nest span,.login-path,.login-smoke,.login-truck,.login-wheel{animation:none!important}.login-cargo-hen{opacity:1!important}.login-truck-a{left:6%!important}.login-truck-b{left:46%!important}.login-truck-c{display:none!important}}