@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/scai-font-0.ttf)format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/scai-font-1.ttf)format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/scai-font-2.ttf)format("truetype")}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/scai-font-3.ttf)format("truetype")}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/scai-font-4.ttf)format("truetype")}@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/scai-font-5.ttf)format("truetype")}:root{--page-gutter:clamp(16px, 3.2vw, 40px);--card-gap:24px}*{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block:24px}html,body{color:#202b25;min-height:100%;margin:0;font-family:Lato,Arial,sans-serif}body{background:#fff}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled,input:disabled{cursor:wait}:is(button:focus-visible,a:focus-visible,summary:focus-visible){outline-offset:5px;outline:3px solid #92b765}h1,h2,p{margin:0}h1,h2{font-family:Kanit,Lato,sans-serif;font-weight:500}button,svg{flex-shrink:0}.green-background{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.entry-screen,.warehouse-screen{isolation:isolate;min-height:100vh;background:#1d3512;min-height:100svh;position:relative}.entry-screen{padding:max(24px, env(safe-area-inset-top)) max(var(--page-gutter), env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(var(--page-gutter), env(safe-area-inset-left));flex-direction:column;align-items:center;display:flex}.login-header{flex:none;align-self:stretch;margin-bottom:24px;position:relative}.ssa-logo{filter:brightness(0)invert();width:clamp(190px,22vw,245px);max-width:100%;height:auto;display:block;overflow:hidden}.login-card{background:#fff;border:1px solid #fff;border-radius:12px;flex:none;width:min(100%,456px);min-width:0;margin-block:auto;padding:clamp(28px,5vw,40px) clamp(22px,5vw,47px) clamp(24px,4vw,29px);animation:.55s both arrive;position:relative;box-shadow:0 20px 70px #08150326}.card-brand{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.dark-logo{width:119px;max-width:65%;height:auto;margin-left:-5px;display:block}.login-card h1{letter-spacing:-.5px;font-size:clamp(28px,4.5vw,32px);line-height:1.2}.login-description{color:#758078;margin-top:10px;font-size:14px;line-height:1.55}.login-form{margin-top:clamp(24px,4vw,29px)}.field-group{flex-direction:column;gap:8px;min-width:0;margin-bottom:20px;display:flex}.field-group label{color:#47534b;font-size:14px}.field-group input{color:#233024;background:#fff;border:1px solid #b8c1b8;border-radius:6px;outline:none;width:100%;min-width:0;min-height:48px;padding:12px 13px;scroll-margin-block:100px;font-size:16px;line-height:1.4;transition:border-color .2s,box-shadow .2s;display:block}.field-group input::placeholder{color:#98a097;font-size:14px}.field-group input:focus{border-color:#557d38;box-shadow:0 0 0 3px #79a74e1c}.password-group{margin-bottom:8px}.password-input{min-width:0;position:relative}.password-input input{padding-right:50px}.visibility-button{color:#687367;background:0 0;border:0;border-radius:4px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.visibility-button:focus-visible{outline-offset:-3px}.caps-notice{color:#956126;font-size:12px;line-height:1.5}.primary-button{color:#fff;background:#416a2b;border:1px solid #416a2b;border-radius:6px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;margin-top:15px;padding:12px;font-size:15px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{opacity:.7}.form-error{color:#9d382d;overflow-wrap:anywhere;background:#fcf1ef;border:1px solid #f1d8d2;border-radius:5px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.6}.card-footnote{color:#707c6b;border-top:1px solid #edf0ea;justify-content:center;align-items:flex-start;gap:8px;margin-top:24px;padding-top:18px;font-size:12px;line-height:1.6;display:flex}.card-footnote svg{margin-top:2px}.card-footnote span{overflow-wrap:anywhere;min-width:0}.warehouse-screen{padding:env(safe-area-inset-top) max(var(--page-gutter), env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(var(--page-gutter), env(safe-area-inset-left));flex-direction:column;align-items:center;display:flex}.account-header{color:#fff;flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:12px clamp(12px,2vw,22px);width:100%;padding:24px 0;display:flex;position:relative}.account-info{align-items:center;gap:10px;min-width:0;display:flex}.avatar{color:#e9f0e1;background:#ffffff0a;border:1px solid #ffffff38;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.account-text{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;display:flex}.account-text strong{font-size:13px;font-weight:700}.account-text>span{color:#bfcead;font-size:12px}.header-divider{background:#ffffff2c;flex:none;width:1px;height:26px}.logout-button{color:#eaf0e4;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;max-width:100%;min-height:44px;padding:10px 8px;font-size:13px;transition:color .2s,background .2s;display:flex}.logout-button:disabled{opacity:.6}.warehouse-content{flex:none;width:min(100%,650px);margin-block:auto;padding-top:clamp(16px,3vh,26px);animation:.6s both arrive;position:relative}.warehouse-heading{text-align:center;color:#fff}.white-logo{width:clamp(112px,18vw,138px);max-width:100%;height:auto;margin:0 auto 10px;display:block}.warehouse-heading h1{letter-spacing:-.4px;text-wrap:balance;font-size:clamp(28px,4.5vw,34px);line-height:1.25}.warehouse-heading p{color:#c5d0ba;text-wrap:balance;margin-top:10px;font-size:14px;line-height:1.6}.warehouse-grid{gap:22px var(--card-gap);grid-template-columns:repeat(2,minmax(0,1fr));max-width:624px;margin:32px auto 0;display:grid}.warehouse-card{background:#fff;border:1px solid #fff;border-radius:13px;grid-template-columns:minmax(0,1fr) minmax(0,112px);align-items:center;gap:14px;min-width:0;min-height:182px;padding:26px 24px;text-decoration:none;transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s,background .28s,border-color .28s;display:grid;position:relative;box-shadow:0 8px 20px #0c1a0512}.warehouse-card-copy{z-index:1;min-width:0;position:relative}.warehouse-label{color:#7a8475;font-size:13px}.warehouse-card h2{letter-spacing:-.8px;color:#416a2b;margin-top:2px;font-size:clamp(38px,5.6vw,47px);line-height:1.2}.enter-link{color:#466b31;align-items:center;gap:7px;margin-top:16px;font-size:14px;font-weight:700;display:flex}.enter-link svg{transition:transform .28s}.equipment-icon{aspect-ratio:3/2;opacity:.86;justify-self:end;width:100%;min-width:0;max-width:108px;height:auto;transition:transform .38s cubic-bezier(.2,.7,.3,1),opacity .25s;display:block;overflow:hidden}.warehouse-pe1{width:calc((100% - var(--card-gap)) / 2);grid-column:1/-1;justify-self:center}.warehouse-card:focus-visible{background:#fbfdf8;border-color:#a5c37c;transform:translateY(-4px);box-shadow:0 18px 28px #07120230}.warehouse-card:focus-visible .equipment-icon{opacity:1;transform:translateY(-3px)scale(1.04)}.warehouse-card:focus-visible .enter-link svg{transform:translate(5px)}.warehouse-card:active{background:#f5f8ef;transform:scale(.985)}.selection-footnote{color:#a0b48c;letter-spacing:.2px;justify-content:center;align-items:center;gap:8px;margin-top:30px;font-size:11px;display:flex}.version-dot{background:#88aa62;border-radius:50%;flex:none;width:5px;height:5px}.footnote-separator{color:#718663;margin:0 2px}.filter-definitions{width:0;height:0;position:absolute;overflow:hidden}.logout-error{color:#8b342c;overflow-wrap:anywhere;background:#fff2ed;border-radius:6px;align-self:flex-end;width:min(100%,330px);padding:10px 14px;font-size:13px;line-height:1.5;position:relative}.blank-workspace{min-height:100vh;background:#fff;min-height:100svh}.spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@supports (min-height:100dvh){.entry-screen,.warehouse-screen,.blank-workspace{min-height:100dvh}}@media (max-width:680px){.account-header{justify-content:space-between;gap:12px;padding-block:16px}.header-divider{display:none}.logout-button{padding-inline:4px}.warehouse-content{max-width:440px;padding-top:16px}.warehouse-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:26px}.warehouse-card{grid-template-columns:minmax(0,1fr) minmax(0,120px);min-height:148px;padding:22px clamp(22px,5vw,28px)}.warehouse-pe1{grid-column:auto;width:100%}.warehouse-card h2{font-size:clamp(38px,9vw,44px)}.enter-link{margin-top:10px}.selection-footnote{margin-top:26px}}@media (max-width:359px){.warehouse-card{grid-template-columns:minmax(0,1fr) minmax(0,90px);gap:12px;padding-inline:20px}.account-info{gap:8px}.account-header{column-gap:8px}.logout-button{gap:6px;font-size:12px}}@media (max-height:540px){.entry-screen{padding-block:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-bottom))}.login-card{padding-block:24px}.account-header{padding-block:12px}.warehouse-content{padding-top:12px}.white-logo{width:104px}.warehouse-grid{margin-top:22px}}@media (min-width:760px) and (max-height:540px){.warehouse-content{max-width:1000px}.warehouse-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:none}.warehouse-card{grid-template-columns:minmax(0,1fr) clamp(68px,8vw,90px);gap:10px;min-height:138px;padding:18px 16px}.warehouse-pe1{grid-column:auto;width:100%}.warehouse-card h2{font-size:clamp(34px,4.3vw,42px)}.enter-link{margin-top:10px}.selection-footnote{margin-top:22px}}@media (hover:hover) and (pointer:fine){.field-group input:hover{border-color:#87977f}.visibility-button:hover{color:#3e612c;background:#f3f6ef}.primary-button:hover:not(:disabled){background:#355a21;box-shadow:0 4px 12px #365b2226}.logout-button:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.warehouse-card:hover{background:#fbfdf8;border-color:#a5c37c;transform:translateY(-6px);box-shadow:0 18px 28px #07120230}.warehouse-card:hover .equipment-icon{opacity:1;transform:translateY(-3px)scale(1.04)}.warehouse-card:hover .enter-link svg{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
