@import"https://cdn.jsdelivr.net/npm/@fontsource/pretendard@5.2.5/400.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/pretendard@5.2.5/500.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/pretendard@5.2.5/600.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/pretendard@5.2.5/700.css";:root{--auth-primary: #225695;--auth-primary-hover: #5198DD;--auth-primary-pressed: #1A406F;--auth-primary-foreground: #ffffff;--auth-primary-disabled-bg: #E0E0E0;--auth-primary-disabled-text: #888888;--auth-foreground: #000000;--auth-muted-foreground: #737373;--auth-border: #e5e5e5;--auth-popover: white;--auth-bg-white: #ffffff;--auth-divider: #d9d9d9;--auth-rounded-lg: 8px;--auth-rounded-xl: 16px;--auth-card-padding: 40px;--auth-btn-height: 48px;--auth-btn-font-size: 16px;--auth-btn-line-height: 24px;--auth-btn-padding: 16px 24px;--auth-input-height: 40px;--auth-focus-outline: #b8d9f2;--naver-bg: #03a94d;--naver-text: white;--kakao-bg: #fee500;--kakao-text: #000000;--google-bg: #f2f2f2;--google-text: #1f1f1f;--apple-bg: #000000;--apple-text: white}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:#f8f9fa}.auth-ui-white{background:var(--auth-bg-white)!important}.auth-card{background:var(--auth-bg-white)!important;border-radius:var(--auth-rounded-xl);box-shadow:0 4px 24px #00000014;padding:var(--auth-card-padding);width:100%;max-width:380px;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:32px}.auth-header h2{color:var(--auth-muted-foreground);margin:0 0 4px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:16px;line-height:24px}.auth-header h2 i{display:none}.auth-header p{color:var(--auth-foreground);margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-size:20px;line-height:28px}.auth-form{margin-bottom:24px}.auth-form .form-group{margin-bottom:16px}.auth-form .form-group:last-of-type{margin-bottom:0}.auth-form .btn-primary,.auth-form .btn.btn-primary{margin-top:24px}.auth-form .form-group label,.auth-card .form-group label,.auth-card form .form-group label{display:block;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:var(--auth-foreground)!important;margin-bottom:4px}.auth-input{padding:10px 12px;height:var(--auth-input-height);background:var(--auth-popover);border:1px solid var(--auth-border);border-radius:var(--auth-rounded-lg);box-shadow:0 1px 2px #0000001a;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--auth-foreground);box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.auth-input:focus{outline:none;border-color:var(--auth-primary);box-shadow:0 0 0 3px var(--auth-focus-outline)}.auth-input::placeholder{color:var(--auth-muted-foreground)}.auth-form .form-group input[type=text],.auth-form .form-group input[type=email],.auth-form .form-group input[type=password],.auth-form .form-group input[type=tel],.auth-form .form-group input[type=number],.auth-form .form-group input:not([type]),.auth-form .form-group input{width:100%;padding:10px 12px;height:var(--auth-input-height);background:var(--auth-popover);border:1px solid var(--auth-border);border-radius:var(--auth-rounded-lg);box-shadow:0 1px 2px #0000001a;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--auth-foreground);box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.auth-form .form-group input:focus{outline:none;border-color:var(--auth-primary);box-shadow:0 0 0 3px var(--auth-focus-outline)}.auth-form .form-group input::placeholder{color:var(--auth-muted-foreground)}.auth-card .btn,.auth-form .btn,.auth-card .btn-primary,.auth-card .btn.btn-primary,.auth-form .btn-primary,.auth-form .btn.btn-primary,.social-buttons .btn{width:100%;height:var(--auth-btn-height);padding:var(--auth-btn-padding);border:none!important;border-radius:var(--auth-rounded-lg);font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:var(--auth-btn-font-size);line-height:var(--auth-btn-line-height);cursor:pointer;transition:background-color .15s ease-in-out,transform .1s ease-in-out,box-shadow .15s ease-in-out;box-sizing:border-box;outline:none;display:flex;align-items:center;justify-content:center;text-decoration:none}.auth-card .btn-primary,.auth-card .btn.btn-primary,.auth-form .btn-primary,.auth-form .btn.btn-primary{background-color:var(--auth-primary)!important;color:var(--auth-primary-foreground)!important}.auth-card .btn:hover:not(:focus):not(:focus-visible):not(:disabled),.auth-form .btn:hover:not(:focus):not(:focus-visible):not(:disabled),.auth-card .btn-primary:hover:not(:focus):not(:focus-visible):not(:disabled),.auth-form .btn-primary:hover:not(:focus):not(:focus-visible):not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.auth-card .btn-primary:hover:not(:focus):not(:focus-visible):not(:disabled),.auth-form .btn-primary:hover:not(:focus):not(:focus-visible):not(:disabled){background-color:var(--auth-primary-hover)!important}.auth-card .btn:focus,.auth-form .btn:focus,.auth-card .btn:focus-visible,.auth-form .btn:focus-visible,.auth-card .btn-primary:focus,.auth-form .btn-primary:focus,.auth-card .btn-primary:focus-visible,.auth-form .btn-primary:focus-visible,.social-buttons .btn:focus,.social-buttons .btn:focus-visible,.social-buttons .btn-naver:focus,.social-buttons .btn-naver:focus-visible,.social-buttons .btn-kakao:focus,.social-buttons .btn-kakao:focus-visible,.social-buttons .btn-google:focus,.social-buttons .btn-google:focus-visible,.social-buttons .btn-apple:focus,.social-buttons .btn-apple:focus-visible{outline:none!important;box-shadow:0 0 0 3px var(--auth-focus-outline)!important}.auth-card .btn-primary:focus:hover,.auth-form .btn-primary:focus:hover,.auth-card .btn-primary:focus-visible:hover,.auth-form .btn-primary:focus-visible:hover{background-color:var(--auth-primary-hover)!important;transform:translateY(-1px);box-shadow:0 0 0 3px var(--auth-focus-outline)!important}.auth-card .btn-primary:focus,.auth-form .btn-primary:focus,.auth-card .btn-primary:focus-visible,.auth-form .btn-primary:focus-visible{background-color:var(--auth-primary)!important}.auth-card .btn:active:not(:disabled),.auth-form .btn:active:not(:disabled),.auth-card .btn-primary:active:not(:disabled),.auth-form .btn-primary:active:not(:disabled){transform:scale(.98)}.auth-card .btn-primary:active:not(:disabled),.auth-form .btn-primary:active:not(:disabled){background-color:var(--auth-primary-pressed)!important}.auth-card .btn-primary:disabled,.auth-form .btn-primary:disabled,.auth-card .btn.btn-primary:disabled,.auth-form .btn.btn-primary:disabled{background-color:var(--auth-primary-disabled-bg)!important;color:var(--auth-primary-disabled-text)!important;cursor:not-allowed;opacity:1}.auth-footer{text-align:center;margin-bottom:24px}.auth-footer a{display:block;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:14px;line-height:20px;margin-bottom:8px;color:var(--auth-muted-foreground);text-decoration:none;transition:color .15s ease-in-out}.auth-footer a:last-child{margin-bottom:0}.auth-footer a:visited{color:var(--auth-muted-foreground)}.auth-footer a:hover{color:var(--auth-primary);text-decoration:none}.auth-footer a:active{color:var(--auth-muted-foreground)}.social-login{margin:0 0 24px}.social-login p{display:flex;align-items:center;margin:0 0 24px;padding:0}.social-login p span{color:var(--auth-foreground);font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-size:14px;line-height:20px;white-space:nowrap}.social-login p:before{content:"";flex:1;height:1px;background:var(--auth-divider);margin-right:8px}.social-login p:after{content:"";flex:1;height:1px;background:var(--auth-divider);margin-left:8px}.social-buttons{display:flex;flex-direction:column;gap:8px}.social-buttons .btn{gap:8px}.social-buttons .btn-naver,.social-buttons .btn-outline-success{background-color:var(--naver-bg)!important;color:var(--naver-text)!important;border:none!important}.social-buttons .btn-naver:hover:not(:focus):not(:focus-visible),.social-buttons .btn-outline-success:hover:not(:focus):not(:focus-visible){background-color:#029943!important;color:var(--naver-text)!important}.social-buttons .btn-naver:focus:hover,.social-buttons .btn-naver:focus-visible:hover{background-color:#029943!important;color:var(--naver-text)!important;box-shadow:0 0 0 3px var(--auth-focus-outline)!important}.social-buttons .btn-kakao,.social-buttons .btn-outline-warning{background-color:var(--kakao-bg)!important;color:var(--kakao-text)!important;border:none!important}.social-buttons .btn-kakao:hover:not(:focus):not(:focus-visible),.social-buttons .btn-outline-warning:hover:not(:focus):not(:focus-visible){background-color:#e6cf00!important;color:var(--kakao-text)!important}.social-buttons .btn-kakao:focus:hover,.social-buttons .btn-kakao:focus-visible:hover{background-color:#e6cf00!important;color:var(--kakao-text)!important;box-shadow:0 0 0 3px var(--auth-focus-outline)!important}.social-buttons .btn-google,.social-buttons .btn-outline-primary{background-color:var(--google-bg)!important;color:var(--google-text)!important;border:none!important}.social-buttons .btn-google:hover:not(:focus):not(:focus-visible),.social-buttons .btn-outline-primary:hover:not(:focus):not(:focus-visible){background-color:#e5e5e5!important;color:var(--google-text)!important}.social-buttons .btn-google:focus:hover,.social-buttons .btn-google:focus-visible:hover{background-color:#e5e5e5!important;color:var(--google-text)!important;box-shadow:0 0 0 3px var(--auth-focus-outline)!important}.social-buttons .btn-apple{background-color:var(--apple-bg)!important;color:var(--apple-text)!important;border:none!important}.social-buttons .btn-apple:hover:not(:focus):not(:focus-visible){background-color:#1a1a1a!important;color:var(--apple-text)!important}.social-buttons .btn-apple:focus:hover,.social-buttons .btn-apple:focus-visible:hover{background-color:#1a1a1a!important;color:var(--apple-text)!important;box-shadow:0 0 0 3px var(--auth-focus-outline)!important}.alert-danger{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:var(--auth-rounded-lg);padding:12px 16px;margin-bottom:16px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:var(--auth-rounded-lg);padding:12px 16px;margin-bottom:16px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.btn .spinner-border-sm{width:1rem;height:1rem;margin-right:.5rem}@media(max-width:576px){.auth-card{padding:24px;margin:16px;border-radius:12px}.auth-header{margin-bottom:24px}.social-buttons .btn,.auth-card .btn-primary,.auth-form .btn-primary{height:var(--auth-btn-height);font-size:var(--auth-btn-font-size)}}@media(prefers-color-scheme:dark){.auth-container{background:#1a1a1a}.auth-card{background-color:var(--auth-bg-white)!important;color:var(--auth-foreground)}.auth-header h2,.auth-header p,.auth-form .form-group label{color:var(--auth-foreground)}.auth-form .form-group input{background-color:#fff!important;border-color:var(--auth-border);color:var(--auth-foreground)}.auth-form .form-group input:focus{border-color:#5b7cb5;box-shadow:0 0 0 3px #5b7cb54d}.auth-card .btn-primary,.auth-form .btn-primary{background-color:var(--auth-primary)!important;color:var(--auth-primary-foreground)!important}.auth-card .btn-primary:hover:not(:disabled),.auth-form .btn-primary:hover:not(:disabled){background-color:var(--auth-primary-hover)!important}.auth-footer a{color:#a3a3a3}.auth-footer a:hover{color:#5b7cb5}.social-login p span{color:var(--auth-foreground)}}.sample{max-width:520px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.sample-header{padding:1rem 1.25rem;border-bottom:1px solid #eee}.sample-header h1{margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.sample-auth-url{margin:0 0 .75rem;font-size:.7rem;color:#666;word-break:break-all}.sample-nav{display:flex;flex-wrap:wrap;gap:.4rem}.sample-nav .sample-nav-item{display:inline-block;padding:.4rem .6rem;font-size:.8rem;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;text-decoration:none;color:inherit;white-space:nowrap}.sample-nav a.sample-nav-item:hover,.sample-nav button.sample-nav-item:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.sample-nav button.sample-nav-item{font:inherit;font-size:.8rem}.sample-nav button.sample-nav-item:disabled{opacity:.7;cursor:not-allowed}.sample-nav .sample-nav-item.active{background:#333;color:#fff;border-color:#333}.sample-nav .sample-nav-item.disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.sample-main{padding:1.5rem}.sample-section h2{margin:0 0 1rem;font-size:1rem;font-weight:600}.sample-section--auth .auth-card{margin-left:auto;margin-right:auto}.sample-styled-container{background:linear-gradient(160deg,#0f172a,#1e293b 40%,#334155);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f,0 20px 40px #0000004d}.sample-styled-card{background:linear-gradient(180deg,#fefce8,#fef9c3);border-radius:16px;border:2px solid #ca8a04;box-shadow:0 8px 32px #00000040,0 0 0 1px #ca8a0433;overflow:hidden}.sample-styled-container .sample-section h2,.sample-styled-container .auth-card [class*=title],.sample-styled-container .auth-card label{color:#422006;font-weight:600}.sample-styled-container input[type=email],.sample-styled-container input[type=password],.sample-styled-container input[type=text]{background:#fffbeb;border:2px solid #ca8a04;border-radius:10px;color:#422006;font-size:.9375rem;padding:.6rem .9rem}.sample-styled-container input::placeholder{color:#a16207;opacity:.8}.sample-styled-container input:focus{outline:none;border-color:#a16207;box-shadow:0 0 0 3px #ca8a0440}.sample-styled-container button[type=submit]{background:linear-gradient(180deg,#b45309,#92400e);color:#fffbeb;border:none;border-radius:10px;padding:.7rem 1.25rem;font-weight:600;box-shadow:0 2px 8px #92400e66}.sample-styled-container button[type=submit]:hover{background:linear-gradient(180deg,#92400e,#78350f);box-shadow:0 4px 12px #92400e73}.sample-styled-container button[type=button]{background:#fffbeb;border:2px solid #ca8a04;color:#78350f;border-radius:10px;font-weight:500}.sample-styled-container button[type=button]:hover{background:#fef3c7;border-color:#a16207}.sample-styled-container [role=alert]{color:#b91c1c;font-weight:500}.sample-styled-container a{color:#92400e;font-weight:600}.sample-styled-container a:hover{color:#b45309;text-decoration:underline}.sample-styled-container .auth-ui-react-oauth-buttons a.auth-ui-react-oauth-button{background:linear-gradient(180deg,#1e293b,#0f172a);color:#fef9c3;border:1px solid rgba(254,249,195,.3);border-radius:10px;font-weight:500}.sample-styled-container .auth-ui-react-oauth-buttons a.auth-ui-react-oauth-button:hover{background:linear-gradient(180deg,#334155,#1e293b);color:#fef9c3;border-color:#fef9c380}.sample-section form{display:flex;flex-direction:column;gap:.75rem}.sample-section input[type=email],.sample-section input[type=password],.sample-section input[type=text]{padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem}.sample-section button{padding:.6rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer}.sample-section button[type=submit]{border:none;background:#333;color:#fff}.sample-section button[type=button]{border:1px solid #ddd;background:#fff;color:#333}.sample-section button[type=button]:hover{background:#f5f5f5;border-color:#ccc}.sample-section button:disabled{opacity:.6;cursor:not-allowed}.sample-section [role=alert]{margin:0;font-size:.875rem;color:#c00}.sample-section a{color:#1967d2;text-decoration:none;font-size:.875rem}.sample-section a:hover{text-decoration:underline}.sample-section .auth-ui-react-oauth-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.sample-section a.auth-ui-react-oauth-button{padding:.6rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;border:none;background:#333;color:#fff;cursor:pointer;text-decoration:none;display:inline-block}.sample-section a.auth-ui-react-oauth-button:hover{background:#555;text-decoration:none;color:#fff}.sample-hint,.sample-muted{margin:0 0 .75rem;font-size:.875rem;color:#666}.sample-workspace-id{margin-bottom:1rem}.sample-workspace-id label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.sample-workspace-id input{width:100%;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem}.sample-choice{max-width:480px;margin:0 auto;padding:2rem 1.5rem;text-align:center}.sample-choice-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.sample-choice-desc{margin:0 0 2rem;font-size:.9375rem;color:#666}.sample-choice-buttons{display:flex;flex-direction:column;gap:1rem}.sample-choice-btn{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;padding:1.25rem 1.5rem;border:2px solid #e5e5e5;border-radius:12px;background:#fff;cursor:pointer;font:inherit;transition:border-color .2s,background-color .2s}.sample-choice-btn:hover{border-color:#225695;background:#f8fafc}.sample-choice-btn-label{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.sample-choice-btn-desc{font-size:.875rem;color:#666;line-height:1.45}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f5f5f5}#root{min-height:100vh;padding:1rem}