@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:GoyangDeogyang;src:url(/fonts/Deogyang.woff)format("woff");font-weight:400;font-display:swap}:root{--surface:#fff;--ink:#191f28;--ink-2:#333d4b;--ink-3:#4e5968;--muted:#5c6672;--faint:#8b95a1;--disabled:#b0b8c1;--line:#e5e8eb;--fill:#f2f4f6;--fill-soft:#f9fafb;--row-hover:#f4f6f9;--field-border:#d1d6db;--accent:#ca2128;--accent-soft:#fdeeee;--accent-ink:#b01c22;--up:#1957c2;--up-soft:#e8f1fe;--down:#b01c22;--down-soft:#fdeeee;--star:#f5a524;--star-ink:#8a5a00;--star-soft:#fff7e6;--focus:#1957c2;--warning:#79520c;--warning-soft:#fff6db;--danger:#b01c22;--pass:#0f7b3f;--pass-soft:#e7f6ec;--wait:#a14a07;--wait-soft:#fff1e0;--on-accent:#fff;--kakao:#fee500;--dot-fail:#c5ccd3;--shadow-sm:0 1px 3px color-mix(in srgb, var(--ink) 8%, transparent);--shadow-menu:0 8px 24px color-mix(in srgb, var(--ink) 8%, transparent);--shadow-dialog:0 16px 48px color-mix(in srgb, var(--ink) 16%, transparent);--backdrop:color-mix(in srgb, var(--ink) 40%, transparent);--radius-card:20px;--content-max:1600px;--shell-h:72px;--canvas:var(--fill-soft);--accent-hover:var(--accent-ink);--subtle:var(--accent-soft)}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--surface);color:var(--ink);letter-spacing:-.01em;margin:0;font-family:Pretendard,sans-serif;font-size:16px;font-weight:500;line-height:1.5}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.display{letter-spacing:0;font-family:GoyangDeogyang,sans-serif;font-weight:400}.integrations{background:var(--surface);line-height:1.65}.integrations input,.integrations select{caret-color:var(--accent)}.integrations button{border:1px solid var(--field-border);min-height:44px;color:var(--accent);background:var(--surface);cursor:pointer;border-radius:8px;padding:8px 18px;font-weight:700}.integrations button:hover:not(:disabled){background:var(--subtle);border-color:var(--accent)}.integrations button:disabled{opacity:.5;cursor:not-allowed}.integrations .primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.integrations .primary:hover:not(:disabled){background:var(--accent-hover);color:var(--on-accent)}.integrations .text-button{background:0 0;border-color:#0000;padding:6px 10px;font-size:14px}.integrations .app-header{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:14px max(24px,50% - 550px);display:flex}.integrations .brand{letter-spacing:-.025em;white-space:nowrap;font-size:22px;font-weight:700;text-decoration:none}.integrations .brand span{color:var(--accent);font-weight:500}.integrations .account-info{align-items:center;gap:18px;font-size:14px;display:flex}.integrations main{max-width:960px;margin:0 auto;padding:40px 24px 48px}.integrations .breadcrumb{color:var(--muted);gap:12px;margin-bottom:20px;font-size:14px;display:flex}.integrations .page-heading{margin-bottom:34px}.integrations h1,.integrations h2,.integrations h3,.integrations p{margin:0}.integrations h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(28px,4vw,38px);line-height:1.35}.integrations h2{letter-spacing:-.02em;font-size:20px}.integrations h3{font-size:17px;font-weight:700}.integrations p{max-width:72ch;color:var(--muted)}.integrations .page-heading p{margin-top:12px}.integrations section{margin-bottom:32px}.integrations .connection,.integrations .login-section{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px}.integrations .section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.integrations .status{color:var(--muted);background:var(--canvas);white-space:nowrap;border-radius:20px;padding:2px 10px;font-size:13px;font-weight:700}.integrations .status.connected{background:var(--subtle);color:var(--accent)}.integrations .academy-name{color:var(--ink);margin-bottom:5px;font-size:22px;font-weight:700}.integrations form{gap:18px;margin-top:24px;display:grid}.integrations label{gap:6px;font-size:14px;font-weight:700;display:grid}.integrations input,.integrations select{background:var(--surface);color:var(--ink);border:1px solid var(--field-border);border-radius:6px;width:100%;min-width:0;min-height:46px;padding:10px 12px}.integrations input::placeholder{color:var(--muted)}.integrations .link-form{grid-template-columns:1.1fr 1fr auto;align-items:end}.integrations .supporting{margin-top:16px;font-size:14px}.integrations .login-section{max-width:500px}.integrations .login-section h2{margin-bottom:6px}.integrations .import-section{padding:0 4px}.integrations .import-section h2{margin-bottom:14px}.integrations .import-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.integrations .import-row p{margin-top:5px;font-size:14px}.integrations .import-row button{flex-shrink:0}.integrations .notice{background:var(--fill);color:var(--ink-3);border-radius:10px;margin:20px 0;padding:18px 20px;font-size:14px}.integrations .notice.error{background:var(--accent-soft);color:var(--danger)}.integrations .notice.success{background:var(--subtle);color:var(--accent)}.integrations .notice p{color:inherit;margin-top:4px}.integrations .inline-confirm{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.integrations .actions{gap:8px;margin-top:12px;display:flex}.integrations .preview{border-top:2px solid var(--ink);padding-top:28px}.integrations .preview-list{margin:20px 0;padding:0;list-style:none}.integrations .preview-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(160px,1fr) minmax(190px,1.2fr) minmax(180px,.9fr);align-items:center;gap:24px;padding:20px 0;display:grid}.integrations .person,.integrations .comparison{gap:2px;display:grid}.integrations .person strong{font-size:17px}.integrations .person span,.integrations small{color:var(--muted);font-size:13px}.integrations .comparison{font-size:14px}.integrations .comparison small{overflow-wrap:anywhere}.integrations .record-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.integrations .record-value span{font-size:13px;font-weight:400}.integrations .attention{color:var(--warning)}.integrations .confirm-bar{background:var(--surface);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.integrations .confirm-bar small{flex-basis:100%}.integrations .checkbox{cursor:pointer;align-items:center;gap:10px;display:flex}.integrations .checkbox input{width:20px;height:20px;min-height:20px;accent-color:var(--accent)}.integrations .empty-state{padding:32px 0}.integrations .empty-state h3{margin-bottom:8px}.integrations .last-import{margin-top:25px;font-size:13px}.integrations footer{max-width:960px;color:var(--muted);margin:0 auto;padding:0 24px 32px;font-size:13px}.integrations .mobile-break{display:none}@media (max-width:720px){.integrations .app-header{min-height:64px;padding:12px 20px}.integrations .account-info{gap:4px}.integrations .account-info span{overflow-wrap:anywhere;max-width:110px}.integrations main{padding:20px 20px 28px}.integrations .breadcrumb{margin-bottom:12px}.integrations .page-heading{margin-bottom:18px}.integrations section{margin-bottom:24px}.integrations .mobile-break{display:initial}.integrations .connection,.integrations .login-section{padding:18px 20px}.integrations .connection .section-heading{margin-bottom:10px}.integrations .academy-name{font-size:20px}.integrations .link-form{grid-template-columns:1fr;gap:16px}.integrations .import-row{flex-direction:column;align-items:start;gap:10px;padding:16px 0}.integrations .import-row button{width:100%}.integrations .preview-item{grid-template-columns:1fr;gap:12px}.integrations .confirm-bar{padding:18px 16px}.integrations .confirm-bar button{width:100%}.integrations .checkbox{align-items:start}.integrations .checkbox input{flex-shrink:0;margin-top:2px}.integrations footer{padding:0 20px 28px}}