.toast-stack{position:fixed;z-index:10000;right:24px;bottom:68px;display:flex;flex-direction:column;gap:8px;max-width:min(520px,calc(100vw - 32px));pointer-events:none}.app-toast{display:flex;align-items:center;gap:16px;padding:10px 14px;border:1px solid #b9d3f7;border-radius:8px;color:#255b9b;background:#f2f7ff;box-shadow:0 10px 28px #1e4a7e2e;font-size:12px;pointer-events:auto;animation:toast-in .2s ease}.app-toast button{border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-stack[popover]{inset:auto 24px 68px auto;margin:0;padding:0;border:0;background:transparent;overflow:visible}.toast-stack[popover]:not(:popover-open){display:none}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-kr-korean-400-normal-CmjJz_gz.woff2) format("woff2"),url(/assets/noto-sans-kr-korean-400-normal-Dvb5JbtY.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-kr-korean-700-normal-DvnDzSjd.woff2) format("woff2"),url(/assets/noto-sans-kr-korean-700-normal-KAYYVieF.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/noto-sans-kr-korean-800-normal-Bv1ZTS-v.woff2) format("woff2"),url(/assets/noto-sans-kr-korean-800-normal--aA2Ul0J.woff) format("woff")}:root{font-family:Noto Sans KR,Malgun Gothic,sans-serif;color:#102b4d;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.login-page{min-height:100vh;background:#fff}.app-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 60px;border-bottom:1px solid #dce7ef;background:#fff}.company-logo{display:block;width:238px;height:auto;object-fit:contain}.system-status{display:flex;align-items:center;gap:11px;color:#157849;font-size:16px;font-weight:700}.status-dot{width:11px;height:11px;border-radius:50%;background:#21a66b;box-shadow:0 0 0 7px #e6f6ee}.system-status.loading{color:#63778c}.system-status.loading .status-dot{background:#8fa0b2;box-shadow:0 0 0 7px #eff3f6}.system-status.error{color:#ad3d3d}.system-status.error .status-dot{background:#d95454;box-shadow:0 0 0 7px #fdeeee}.login-layout{min-height:calc(100vh - 90px);display:grid;grid-template-columns:1fr 1fr}.permission-panel{position:relative;min-height:calc(100vh - 90px);display:grid;place-items:center;overflow:hidden;background-color:#eff8ff;background-image:url(/assets/login-background-C8NW9qy3.webp);background-position:center;background-size:cover}.permission-content{width:min(100% - 56px,500px);padding:56px 0 34px;text-align:center}.permission-content h2{margin:0;font-size:clamp(32px,3vw,44px);line-height:1.28;letter-spacing:-.045em;color:#0d2b4e}.permission-copy{margin:20px 0 36px;font-size:18px;line-height:1.7;color:#526c87}.permission-flow{display:flex;flex-direction:column;align-items:center}.account-node{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:17px}.account-icon{width:84px;height:84px;display:grid;place-items:center;color:#087da0;border:12px solid rgba(255,255,255,.72);border-radius:50%;background:#fff;box-shadow:0 9px 26px #15709d1f}.flow-arrow{margin:8px 0 4px;color:#258fdd}.route-label{padding:8px 22px;border-radius:999px;background:#dceffd;color:#147ac7;font-size:14px;font-weight:700}.destination-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:78px;margin-top:22px}.destination{min-height:190px;padding:24px 16px 20px;border:1px solid rgba(255,255,255,.88);border-radius:16px;background:#ffffffc2;box-shadow:0 12px 34px #236d9a12}.destination-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto;border-radius:14px;color:#087da0;background:#fff}.destination h3{margin:14px 0 7px;font-size:20px;color:#102b4d}.destination p{margin:0;color:#5f7890;font-size:14px;line-height:1.6}.brand-message{margin:50px 0 0;color:#6faed8;font-size:16px;font-weight:500;letter-spacing:.02em}.form-panel{min-height:calc(100vh - 90px);display:grid;place-items:center;background:#fff}.form-content{width:min(100% - 72px,560px);padding:58px 0 30px}.eyebrow{margin:0 0 12px;color:#087b9d;font-size:12px;font-weight:800;letter-spacing:.24em}.form-content h1{margin:0;color:#102b4d;font-size:clamp(38px,4vw,53px);line-height:1.2;letter-spacing:-.045em}.form-lead{margin:15px 0 34px;color:#617991;font-size:18px}.login-form{display:flex;flex-direction:column}.field-group{margin-bottom:19px}.field-group>label,.phone-fields>label{display:block;margin-bottom:9px;color:#183552;font-size:14px;font-weight:700}.input-shell{min-height:58px;display:flex;align-items:center;gap:13px;padding:0 17px;border:1px solid #c9d8e6;border-radius:9px;color:#7890a8;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.input-shell:focus-within{border-color:#1385a3;box-shadow:0 0 0 3px #1385a31f}.input-shell.invalid{border-color:#d24a4a}.input-shell input{min-width:0;flex:1;border:0;outline:0;color:#17324f;background:transparent;font-size:16px}.input-shell input::placeholder{color:#91a5b8}.input-shell.compact{min-height:50px}.icon-button{width:40px;height:40px;display:grid;place-items:center;margin-right:-10px;border:0;border-radius:7px;color:#688098;background:transparent;cursor:pointer}.icon-button:hover{color:#087b9d;background:#eef7fa}.icon-button:focus-visible,.text-button:focus-visible,.login-button:focus-visible{outline:3px solid rgba(29,144,188,.28);outline-offset:2px}.field-error{margin:7px 2px 0;color:#bd3939;font-size:12px}.form-options{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 23px}.checkbox-label{display:flex;align-items:center;gap:9px;color:#536b82;font-size:14px;cursor:pointer}.checkbox-label input{width:20px;height:20px;margin:0;accent-color:#087f9f}.text-button{padding:5px 0;border:0;color:#087bc2;background:transparent;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.login-button{min-height:59px;border:0;border-radius:8px;color:#fff;background:#117f99;font-size:18px;font-weight:700;cursor:pointer;transition:background .18s ease,transform .1s ease}.login-button:hover{background:#0b6f88}.login-button:active{transform:translateY(1px)}.form-message{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;padding:12px 14px;border-radius:8px;color:#166647;background:#edf8f3;font-size:13px;line-height:1.5}.form-message svg{flex:0 0 auto;margin-top:1px}.routing-note{margin:30px 0 0;color:#536c84;font-size:14px;line-height:1.6}.form-footer{margin:44px 0 0;padding-top:20px;border-top:1px solid #d8e2ea;color:#7890a6;font-size:12px}@media(max-width:1000px){.app-header{height:76px;padding:0 28px}.company-logo{width:150px}.login-layout{min-height:calc(100vh - 76px);grid-template-columns:1fr}.form-panel{order:1;min-height:auto}.permission-panel{order:2;min-height:auto}.form-content{width:min(100% - 48px,620px);padding:54px 0}.permission-content{width:min(100% - 48px,620px);padding:56px 0}.destination-grid{gap:24px}}@media(max-width:560px){.app-header{height:68px;padding:0 18px}.company-logo{width:128px}.system-status{gap:7px;font-size:12px}.status-dot{width:8px;height:8px;box-shadow:0 0 0 4px #e6f6ee}.form-content{width:min(100% - 36px,480px);padding:40px 0 34px}.form-content h1{font-size:36px}.form-lead{margin-bottom:29px;font-size:16px}.input-shell{min-height:54px}.routing-note{margin-top:24px}.form-footer{margin-top:32px}.permission-content{width:min(100% - 36px,480px);padding:48px 0 38px}.permission-content h2{font-size:30px}.permission-copy{font-size:16px}.destination-grid{gap:12px}.destination{min-height:170px;padding:20px 10px}.destination h3{font-size:18px}.brand-message{margin-top:34px}}@media(min-width:1001px){.app-header{height:64px;padding:0 42px}.company-logo{width:134px}.system-status{gap:8px;font-size:12px}.status-dot{width:8px;height:8px;box-shadow:0 0 0 5px #e6f6ee}.system-status.loading .status-dot{box-shadow:0 0 0 5px #eff3f6}.system-status.error .status-dot{box-shadow:0 0 0 5px #fdeeee}.login-layout,.permission-panel,.form-panel{min-height:calc(100vh - 64px)}.permission-content{width:min(100% - 40px,360px);padding:40px 0 24px}.permission-content h2{font-size:clamp(23px,2.1vw,32px)}.permission-copy{margin:14px 0 26px;font-size:13px}.account-node{gap:7px;font-size:12px}.account-icon{width:60px;height:60px;border-width:9px}.account-icon svg{width:30px;height:30px}.flow-arrow{width:18px;height:18px;margin:6px 0 3px}.route-label{padding:6px 16px;font-size:11px}.destination-grid{gap:54px;margin-top:16px}.destination{min-height:137px;padding:17px 11px 14px;border-radius:12px}.destination-icon{width:45px;height:45px;border-radius:10px}.destination-icon svg{width:28px;height:28px}.destination h3{margin:10px 0 5px;font-size:15px}.destination p{font-size:12px;line-height:1.5}.brand-message{margin-top:36px;font-size:12px}.form-content{width:min(100% - 52px,404px);padding:42px 0 22px}.eyebrow{margin-bottom:9px;font-size:10px}.form-content h1{font-size:clamp(28px,2.8vw,38px)}.form-lead{margin:11px 0 24px;font-size:13px}.field-group{margin-bottom:14px}.field-group>label,.phone-fields>label{margin-bottom:6px;font-size:12px}.input-shell{min-height:42px;gap:9px;padding:0 12px;border-radius:7px}.input-shell>svg{width:17px;height:17px}.input-shell input{font-size:13px}.input-shell.compact{min-height:38px}.icon-button{width:30px;height:30px;margin-right:-7px}.icon-button svg{width:18px;height:18px}.field-error{margin-top:5px;font-size:11px}.form-options{gap:14px;margin-bottom:17px}.checkbox-label{gap:7px;font-size:12px}.checkbox-label input{width:15px;height:15px}.text-button{font-size:12px}.login-button{min-height:43px;border-radius:6px;font-size:14px}.form-message{gap:6px;margin-top:11px;padding:9px 10px;font-size:11px}.routing-note{margin-top:21px;font-size:11px}.form-footer{margin-top:31px;padding-top:14px;font-size:10px}}
