@charset "UTF-8";:root{--knk-navy: #16324f;--knk-navy-2: #1e4771;--knk-navy-3: #275a8c;--knk-accent: #0b6ea8;--knk-bg: #eef1f4;--knk-panel: #ffffff;--knk-line: #c9d3dc;--knk-line-strong: #7e8b96;--knk-ink: #1f2d3a;--knk-ink-2: #43535f;--knk-muted: #5a6875;--knk-muted-soft: #6a7885;--knk-bad: #b3392f;--knk-radius: 3px;--knk-fs-micro: 10.5px;--knk-fs-sm: 11.5px;--knk-fs-base: 12.5px;--knk-fs-md: 14px;--knk-fs-lg: 16px;--knk-sp-1: 4px;--knk-sp-2: 8px;--knk-sp-3: 12px;--knk-touch: 44px;--knk-pk-green: #01411C;--knk-pk-wash: #f3f8f4;--knk-jp-red: #BC002D}body[data-path=login],body[data-path=update-password],.for-login,.for-forgot,.for-email-login,.for-login-with-email-link,.for-signup{background:var(--knk-bg)}.page-card,.login-content.page-card{position:relative;z-index:1;background:var(--knk-panel)!important;border:1px solid var(--knk-line-strong)!important;border-top:3px solid var(--knk-navy)!important;border-radius:var(--knk-radius)!important;box-shadow:0 2px 6px #16324f29!important;padding:26px 28px!important;max-width:380px!important;margin:0 auto!important}.page-card-head{text-align:center;border:0;padding:max(4vh,24px) 0 var(--knk-sp-3)!important;margin:0 auto}.page-card-head img,.page-card-head img.app-logo{max-height:46px!important;width:auto;display:block;margin:0 auto var(--knk-sp-2)}.page-card-head h4,.page-card-head .indicator{font-size:var(--knk-fs-lg)!important;font-weight:700!important;letter-spacing:.04em;color:var(--knk-navy)!important;text-transform:uppercase;margin:0!important}body[data-path=login] .page-card-head:after{content:"Integrated Management System";display:block;font-size:var(--knk-fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--knk-muted);margin-top:3px;font-weight:600}.page-card .form-group>label.form-label.sr-only,.page-card .form-group>label.sr-only,.login-content .form-group>label.sr-only{position:static!important;width:auto!important;height:auto!important;margin:0 0 var(--knk-sp-1)!important;padding:0!important;overflow:visible!important;clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;white-space:normal!important;border:0;display:block;font-size:var(--knk-fs-sm)!important;font-weight:600!important;color:var(--knk-ink-2)!important;text-transform:none}.page-card .form-control,.login-content .form-control{background:var(--knk-panel)!important;color:var(--knk-ink)!important;border:1px solid var(--knk-muted-soft)!important;border-radius:var(--knk-radius)!important;font-size:var(--knk-fs-base)!important;box-shadow:none!important}.page-card input.form-control,.page-card select.form-control,.login-content input.form-control,.login-content select.form-control{height:var(--knk-touch)!important}.page-card textarea.form-control{height:auto!important;min-height:88px}.page-card .form-control::-moz-placeholder,.page-card .page-card-body ::-moz-placeholder{color:var(--knk-muted)!important;opacity:1}.page-card .form-control::placeholder,.page-card .page-card-body ::placeholder{color:var(--knk-muted)!important;opacity:1}.page-card .form-control:hover,.login-content .form-control:hover{border-color:var(--knk-navy-3)!important}.page-card .form-control:focus,.page-card .form-control:focus-visible,.login-content .form-control:focus{background:var(--knk-panel)!important;border-color:var(--knk-accent)!important;outline:2px solid var(--knk-accent)!important;outline-offset:1px!important;box-shadow:none!important}.page-card .email-field .field-icon,.page-card .password-field .field-icon{top:50%!important;left:12px!important;transform:translateY(-50%)}.page-card .email-field input,.page-card .password-field input{padding-left:36px!important}.page-card .password-field input{padding-right:68px!important}.page-card .toggle-password.text-muted,.page-card .toggle-password,.login-content .toggle-password{top:50%!important;right:1px!important;transform:translateY(-50%);height:var(--knk-touch);min-width:60px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--knk-fs-sm)!important;font-weight:600;color:var(--knk-ink-2)!important;text-decoration:underline}.page-card .toggle-password:hover{color:var(--knk-navy)!important}.page-card .toggle-password:active{color:var(--knk-accent)!important}.page-card .toggle-password:focus-visible{outline:2px solid var(--knk-accent)!important;outline-offset:1px!important}.page-card .btn-primary,.login-content .btn-primary{background:var(--knk-navy-2)!important;border:1px solid var(--knk-navy)!important;color:var(--knk-panel)!important;border-radius:var(--knk-radius)!important;font-size:var(--knk-fs-base)!important;font-weight:600!important;letter-spacing:.03em;width:100%;min-height:var(--knk-touch);height:auto!important;padding:var(--knk-sp-2) var(--knk-sp-3);white-space:normal;line-height:1.3;box-shadow:none!important}.page-card .btn-primary:hover{background:var(--knk-navy-3)!important}.page-card .btn-primary:active{background:var(--knk-navy)!important}.page-card .btn-primary:focus{outline:none;box-shadow:none!important}.page-card .btn-primary:focus-visible{outline:2px solid var(--knk-navy)!important;outline-offset:2px!important;box-shadow:none!important}.page-card .page-card-body.invalid .form-control,.page-card .page-card-body.invalid input[type=text],.page-card .page-card-body.invalid input[type=email],.page-card .page-card-body.invalid input[type=password]{border-color:var(--knk-bad)!important;box-shadow:inset 0 0 0 1px var(--knk-bad)!important}@media (prefers-reduced-motion: reduce){.invalid-login{animation:none!important}}.page-card .text-muted{font-size:var(--knk-fs-sm);color:var(--knk-muted)!important}.page-card .forgot-password-message a,.sign-up-message a{color:var(--knk-accent)!important;font-size:var(--knk-fs-sm)!important;text-decoration:underline;display:inline-block;padding:var(--knk-sp-2) 0}.page-card .forgot-password-message a:hover,.sign-up-message a:hover{color:var(--knk-navy)!important}.page-card .forgot-password-message a:active,.sign-up-message a:active{color:var(--knk-navy-3)!important}.page-card .forgot-password-message a:focus-visible,.sign-up-message a:focus-visible{outline:2px solid var(--knk-accent)!important;outline-offset:2px!important}.sign-up-message{font-size:var(--knk-fs-sm)!important;color:var(--knk-muted)!important}.login-content .login-divider{display:none!important}.login-content .social-logins{display:block!important;margin-top:var(--knk-sp-3)}.login-content .social-logins>.social-login-buttons:not(.login-with-email-link){display:none!important}.login-content .login-with-email-link{display:block!important}.login-content .btn-login-with-email-link{width:100%;min-height:var(--knk-touch);border:1px solid var(--knk-line-strong);border-radius:var(--knk-radius);background:var(--knk-panel);color:var(--knk-navy);font-size:var(--knk-fs-base);font-weight:600;text-decoration:none}.login-content .btn-login-with-email-link:hover{background:var(--knk-bg);border-color:var(--knk-navy)}.login-content .btn-login-with-email-link:focus-visible{outline:2px solid var(--knk-accent);outline-offset:2px}.login-content .btn-login-with-email-link:active{background:var(--knk-line)}body[data-path=login] .for-login:after,body[data-path=login] .for-email-login:after,body[data-path=login] .for-forgot:after,body[data-path=login] .for-login-with-email-link:after{content:"Authorised users only. Activity on this system is logged.";display:block;text-align:center;font-size:var(--knk-fs-micro);color:var(--knk-muted);margin-top:18px}body[data-path=login] .web-footer,body[data-path=login] .footer-info,body[data-path=update-password] .web-footer,body[data-path=update-password] .footer-info{font-size:var(--knk-fs-sm);color:var(--knk-muted)}body[data-path=login] .web-footer .text-muted,body[data-path=login] .footer-info .text-muted,body[data-path=login] .web-footer a.text-muted,body[data-path=update-password] .web-footer .text-muted,body[data-path=update-password] .footer-info .text-muted,body[data-path=update-password] .web-footer a.text-muted{color:var(--knk-muted)!important}@media (max-width: 575.98px){.page-card,.login-content.page-card{padding:20px 16px!important;max-width:100%!important}.page-card form,.login-content form{max-width:none!important}.page-card .form-control,.login-content .form-control{font-size:16px!important}.page-card-head h4{font-size:var(--knk-fs-md)!important}}body[data-path=login] .for-login .page-card-head:after{content:"Financial and management system for KnK Japan, Pakistan. Sign in with your work email address.";display:block;margin-top:var(--knk-sp-2);color:var(--knk-ink-2);font-size:var(--knk-fs-sm);font-weight:400;line-height:1.55;text-transform:none;letter-spacing:0;max-width:40ch}body[data-path=login] .forgot-password-message{margin-top:var(--knk-sp-2);font-size:var(--knk-fs-sm)}body[data-path=login] .forgot-password-message a,body[data-path=login] .login-with-email-link{color:var(--knk-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}body[data-path=login] .forgot-password-message a:hover,body[data-path=login] .login-with-email-link:hover{color:var(--knk-navy)}body[data-path=login] .forgot-password-message a:focus-visible,body[data-path=login] .login-with-email-link:focus-visible{outline:2px solid var(--knk-accent);outline-offset:2px;border-radius:var(--knk-radius)}body[data-path=login] .forgot-password-message a:active,body[data-path=login] .login-with-email-link:active{color:var(--knk-navy-3)}body[data-path=login] .for-signup .page-card-head:after{content:"New staff only. Registering sends a request to the Country Representative and the Internal Auditor \2014  you will not be able to sign in until access is granted and a role given.";display:block;margin-top:var(--knk-sp-2);color:var(--knk-ink-2);font-size:var(--knk-fs-sm);font-weight:400;line-height:1.55;text-transform:none;letter-spacing:0;max-width:44ch}body[data-path=login] .sign-up-message a{color:var(--knk-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}body[data-path=login] .sign-up-message a:hover{color:var(--knk-navy)}body[data-path=login] .sign-up-message a:focus-visible{outline:2px solid var(--knk-accent);outline-offset:2px;border-radius:var(--knk-radius)}body[data-path=login] .sign-up-message a:active{color:var(--knk-navy-3)}body[data-path=login],body[data-path=update-password]{background:var(--knk-pk-wash)}body[data-path=login] .for-login .page-card-head:before,body[data-path=update-password] .page-card-head:before{content:"Kokkyo naki Kodomotachi (KnK) Japan";display:block;color:var(--knk-pk-green);font-size:var(--knk-fs-lg);font-weight:700;letter-spacing:.005em;line-height:1.25;text-transform:none;margin-bottom:2px}body[data-path=login] .for-login .page-card-head:after{content:"Integrated Management System  \b7  KnK IMS";display:block;color:var(--knk-ink-2);font-size:var(--knk-fs-sm);font-weight:500;line-height:1.5;text-transform:none;letter-spacing:.01em;max-width:40ch;margin-top:0;padding-bottom:var(--knk-sp-2);border-bottom:2px solid var(--knk-pk-green);-o-border-image:linear-gradient(to right,var(--knk-pk-green) 0 34%,#ffffff 34% 62%,var(--knk-jp-red) 62% 100%) 1;border-image:linear-gradient(to right,var(--knk-pk-green) 0 34%,#ffffff 34% 62%,var(--knk-jp-red) 62% 100%) 1}body[data-path=login] .for-login .page-card-head:before{position:relative}body[data-path=login] .page-card-head h4{color:var(--knk-navy);font-size:var(--knk-fs-md);font-weight:600;margin-top:var(--knk-sp-2);display:flex;align-items:center;gap:8px}body[data-path=login] .page-card-head h4:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--knk-jp-red);flex:0 0 auto}body[data-path=login] .for-signup .page-card-head:before{content:"Kokkyo naki Kodomotachi (KnK) Japan";display:block;color:var(--knk-pk-green);font-size:var(--knk-fs-base);font-weight:700;text-transform:none;letter-spacing:0;margin-bottom:var(--knk-sp-1)}body[data-path=login] .login-content.page-card,body[data-path=update-password] .login-content.page-card{background:var(--knk-panel);border:1px solid var(--knk-line-strong)}body[data-path=login]:before,body[data-path=login]:after{pointer-events:none;opacity:0;z-index:9999}body[data-path=login]:before{content:"";position:fixed;inset:0;background:var(--knk-navy);animation:knk-intro-ground 2.45s ease forwards}body[data-path=login]:after{content:"Kokkyo naki Kodomotachi";position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:92vw;width:0;overflow:hidden;white-space:nowrap;box-sizing:content-box;font-family:JetBrains Mono,IBM Plex Mono,Cascadia Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;font-size:clamp(16px,3.6vw,38px);letter-spacing:.1em;color:#fff;border-right:.09em solid var(--knk-accent);animation:knk-intro-show .01s linear .18s forwards,knk-intro-type 1.45s steps(23,end) .18s forwards,knk-intro-caret .62s step-end .18s 4,knk-intro-leave .45s ease 2s forwards}@keyframes knk-intro-ground{0%{opacity:0}8%{opacity:1}78%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes knk-intro-show{to{opacity:1}}@keyframes knk-intro-type{to{width:calc(23ch + 2.3em)}}@keyframes knk-intro-caret{50%{border-right-color:transparent}}@keyframes knk-intro-leave{to{opacity:0;visibility:hidden;transform:translate(-50%,calc(-50% - 6px));border-right-color:transparent}}@media (prefers-reduced-motion: reduce){body[data-path=login]:after{width:calc(23ch + 2.3em);border-right-color:transparent;animation:knk-intro-show .3s ease forwards,knk-intro-leave .4s ease 1.5s forwards}body[data-path=login]:before{animation:knk-intro-ground 1.9s ease forwards}}@media (max-height: 420px){body[data-path=login]:before,body[data-path=login]:after{content:none;animation:none}}.page-card .toggle-password.knk-eye,.page-card .toggle-password.knk-eye.text-muted{min-width:var(--knk-touch);width:var(--knk-touch);text-decoration:none;cursor:pointer;border-radius:var(--knk-radius);color:var(--knk-muted)!important}.page-card .toggle-password.knk-eye:hover{color:var(--knk-navy)!important;background:rgba(22,50,79,.06)}.page-card .toggle-password.knk-eye svg{display:block}.page-card .knk-remember{margin-top:var(--knk-sp-2)}.page-card .knk-remember-l{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer;font-size:var(--knk-fs-sm);font-weight:600;color:var(--knk-ink-2);min-height:var(--knk-touch)}.page-card .knk-remember-l input{width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:var(--knk-accent)}.page-card .knk-remember-h{margin:2px 0 0 28px;font-size:var(--knk-fs-micro);line-height:1.5;color:var(--knk-muted)}.page-card .knk-remember-h a{color:var(--knk-accent);text-decoration:underline;font-weight:600}.page-card .knk-remember-h a:focus-visible{outline:2px solid var(--knk-accent);outline-offset:1px}
/*# sourceMappingURL=knk_login.bundle.G3X22AYE.css.map */