@font-face{font-family:Helvetica;src:url(/font/Helvetica.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica;src:url(/font/Helvetica-Oblique.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Helvetica;src:url(/font/Helvetica-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Helvetica;src:url(/font/Helvetica-BoldOblique.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}:root{--page-padding-x: clamp(12px, 3vw, 24px);--page-padding-y: clamp(14px, 2.6vw, 24px)}*,*:before,*:after{box-sizing:border-box}:root{font-family:Helvetica,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#0f172a;background-color:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100svh}img{max-width:100%;display:block}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{min-height:100vh}.appHeader{background:#ffffff;border-bottom:1px solid rgba(15,23,42,.08)}.appHeader--sticky{position:sticky;top:0;z-index:10}.appHeader__bar{min-height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px var(--page-padding-x)}.appHeader__left{justify-self:start;min-width:0}.appHeader__right{justify-self:end;min-width:0}.appHeader__back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#0f172a;font-weight:800;font-size:13px;padding:8px 0;white-space:nowrap}.appHeader__backIcon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(15,23,42,.06);font-size:16px;line-height:1}.appHeader__center{text-align:center;display:grid;justify-items:center;gap:4px;min-width:0;justify-self:center}.appHeader__logo{display:block;height:auto;object-fit:contain}.appHeader--home .appHeader__logo{width:clamp(160px,42vw,240px)}.appHeader--page .appHeader__logo{width:clamp(120px,26vw,170px)}.appHeader__title{font-weight:900;color:#0f172a;font-size:16px;letter-spacing:.01em}.appHeader--page .appHeader__title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(74vw,520px)}.appHeader__subtitle{font-size:13px;color:#475569}@media (max-width: 420px){.appHeader__bar{padding:8px var(--page-padding-x)}.appHeader__backText{display:none}.appHeader--page .appHeader__logo{width:clamp(108px,34vw,150px)}.appHeader--page .appHeader__title{max-width:min(70vw,520px)}}.employeeCard{position:relative;width:min(440px,92vw);min-height:520px;border:2px solid #1f7a3f;border-radius:14px;background:#fbf4cf;overflow:hidden;display:flex;flex-direction:column}.employeeCard__ribbonCorner{position:absolute;top:0;right:0;width:124px;height:124px;overflow:hidden;pointer-events:none;border-top-right-radius:14px}.employeeCard__ribbon{position:absolute;top:26px;right:-56px;width:220px;text-align:center;transform:rotate(45deg);background:linear-gradient(135deg,#1f7a3f,#176837);color:#fff;font-weight:800;letter-spacing:.12em;font-size:11px;padding:10px 0;border:1px solid rgba(255,255,255,.28)}.employeeCard__ribbon--inactive{background:#e7756c}.employeeCard__ribbon:before,.employeeCard__ribbon:after{content:"";position:absolute;bottom:-1px;width:0;height:0;border-top:10px solid rgba(2,8,23,.25)}.employeeCard__ribbon:before{left:0;border-left:10px solid transparent}.employeeCard__ribbon:after{right:0;border-right:10px solid transparent}.employeeCard__header{padding:16px 16px 12px;text-align:center;background:#fffef8;border-bottom:1px solid rgba(31,122,63,.25)}.employeeCard__brandImg{display:block;margin:0 auto;width:clamp(150px,44vw,230px);height:auto;object-fit:contain}.employeeCard__unit{margin-top:2px;font-weight:700;font-size:12px;letter-spacing:.08em;color:#24623b}.employeeCard__body{flex:1;width:100%;padding:22px 18px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:52px}.employeeCard__avatarWrap{width:clamp(112px,32vw,132px);height:clamp(112px,32vw,132px);margin:4px auto 16px;border-radius:999px;background:#fff;border:4px solid rgba(31,122,63,.35);display:grid;place-items:center;overflow:hidden}.employeeCard__avatarImg{width:100%;height:100%;object-fit:cover}.employeeCard__avatarSvg{width:100%;height:100%}.employeeCard__name{font-weight:900;color:#1f7a3f;letter-spacing:.04em;text-transform:uppercase;font-size:clamp(16px,4.4vw,18px);text-wrap:balance}.employeeCard__dept{margin-top:6px;font-weight:700;color:#2a6a40;font-size:12px;letter-spacing:.06em;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.employeeCard__title{margin-top:6px;font-weight:700;color:#2a6a40;font-size:12px;letter-spacing:.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.employeeCard__code{margin-top:10px;font-weight:700;color:#2a6a40;font-size:12px}.employeeCard__meta{margin-top:auto;padding-top:10px;border-top:1px solid rgba(31,122,63,.25);font-size:12px;color:#234a31;display:grid;gap:4px;width:100%}.employeeCard__metaValue{font-weight:700;text-transform:capitalize}.employeeCard__metaValue--inactive{color:#e7756c}@media (max-width: 380px){.employeeCard{width:94vw}.employeeCard__ribbonCorner{width:112px;height:112px}.employeeCard__ribbon{top:22px;right:-66px;width:210px;font-size:10px;padding:9px 0}}.employeePageMain{flex:1;padding:var(--page-padding-y) var(--page-padding-x) 40px;display:grid;place-items:center;background:#f4f6f8;color:#0f172a}.employeePage__notFound{background:#ffffff;border:1px solid rgba(15,23,42,.1);border-radius:12px;padding:14px 12px;width:min(520px,100%)}.pageWrap{min-height:100svh;background:#f4f6f8;color:#0f172a;display:flex;flex-direction:column}.pageMain{flex:1;padding:var(--page-padding-y) var(--page-padding-x) 40px;display:grid;justify-items:center;align-content:start}.homeList{max-width:920px;margin:0 auto;display:grid;gap:10px}.homeList__item{display:block;text-decoration:none;background:#ffffff;border:1px solid rgba(15,23,42,.1);border-radius:10px;padding:12px;transition:transform .12s ease,box-shadow .12s ease;color:inherit}.homeList__item:hover{transform:translateY(-1px);box-shadow:0 10px 20px #02081714}.homeList__name{font-weight:800}.homeList__meta{margin-top:3px;font-size:12px;color:#475569}.homeForm{width:min(560px,100%);background:#ffffff;border:1px solid rgba(15,23,42,.1);border-radius:12px;padding:14px 12px 12px}.homeForm__label{display:block;font-weight:800;font-size:13px}.homeForm__row{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:10px}.homeForm__input{width:100%;height:40px;border-radius:10px;border:1px solid rgba(15,23,42,.16);padding:0 12px;font-size:14px;outline:none}.homeForm__input:focus{border-color:#1f7a3f99;box-shadow:0 0 0 4px #1f7a3f1f}.homeForm__button{height:40px;border-radius:10px;border:1px solid rgba(15,23,42,.16);background:#1f7a3f;color:#fff;font-weight:800;padding:0 14px;cursor:pointer}.homeForm__button:hover{filter:brightness(.98)}.homeForm__hint{margin-top:10px;font-size:12px;color:#475569}.homeForm__link{color:#1f7a3f;font-weight:800}@media (max-width: 380px){.homeForm__row{grid-template-columns:1fr}.homeForm__button{width:100%}}