:root{--color-brand: #2563EB;--color-brand-hover: #1D4ED8;--color-brand-active: #1E40AF;--color-bg-base: #F9FAFB;--color-bg-surface: #FFFFFF;--color-bg-overlay: rgba(0, 0, 0, .04);--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-disabled: #D1D5DB;--color-text-on-brand: #FFFFFF;--color-error: #DC2626;--color-warning: #D97706;--color-success: #16A34A;--color-border: #E5E7EB;--color-border-focus: #2563EB;--color-google-btn-bg: #FFFFFF;--color-google-btn-border: #DADCE0;--color-google-btn-text: #3C4043;--color-google-btn-hover-bg: #F8F9FA;--font-sans: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.6;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-relaxed);color:var(--color-text-primary);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.auth-card{background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:var(--space-10) var(--space-8);width:100%;max-width:400px;text-align:center}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-brand);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.logo-mark svg{display:block}.service-name{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--color-text-primary);line-height:var(--lh-tight);margin-bottom:var(--space-2)}.service-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-google-btn-bg);border:1px solid var(--color-google-btn-border);border-radius:var(--radius-sm);color:var(--color-google-btn-text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:background .15s,box-shadow .15s;text-decoration:none}.btn-google:hover:not(:disabled){background:var(--color-google-btn-hover-bg);box-shadow:var(--shadow-sm)}.btn-google:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn-google:disabled,.btn-google[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-google svg{flex-shrink:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-brand);border:none;border-radius:var(--radius-sm);color:var(--color-text-on-brand);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;text-decoration:none;transition:background .15s}.btn-primary:hover{background:var(--color-brand-hover)}.btn-primary:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.status-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);margin:0 auto var(--space-5)}.status-icon--error{background:#fee2e2;color:var(--color-error)}.status-icon--warning{background:#fef3c7;color:var(--color-warning)}.status-icon--loading{background:#eff6ff;color:var(--color-brand)}.page-title{font-size:var(--text-xl);font-weight:var(--fw-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.page-body{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:var(--lh-relaxed)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.caption{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--lh-normal)}.login-footer{margin-top:var(--space-5)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-brand);border-radius:var(--radius-full);animation:spin .8s linear infinite}.callback-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.callback-title{font-size:var(--text-lg);font-weight:var(--fw-medium);color:var(--color-text-primary)}.callback-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.contact-block{text-align:center}.contact-label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.contact-value{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}.site-header{position:fixed;top:0;left:0;right:0;height:56px;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);z-index:100}.header-brand{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--color-text-primary);text-decoration:none}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);transition:background .15s}.user-menu-trigger:hover{background:var(--color-bg-overlay)}.user-menu-trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-brand);color:var(--color-text-on-brand);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--fw-semibold);overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{background:var(--color-brand);color:var(--color-text-on-brand);font-size:var(--text-xs);font-weight:var(--fw-semibold);display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--radius-full)}.chevron{width:16px;height:16px;transition:transform .2s;color:var(--color-text-secondary)}.user-menu[data-open=true] .chevron{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:220px;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;display:none}.user-menu[data-open=true] .user-menu-dropdown{display:block}.dropdown-profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.dropdown-profile .avatar{width:36px;height:36px;font-size:var(--text-sm)}.dropdown-profile-info{min-width:0}.dropdown-name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-email{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background .1s}.dropdown-item:hover{background:var(--color-bg-overlay)}.dropdown-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.dropdown-item--danger{color:var(--color-error)}.app-shell{min-height:100%}.app-shell-main{padding-top:56px}.console-body{padding:var(--space-10) var(--space-6);max-width:800px;margin:0 auto}.console-body h1{font-size:var(--text-2xl);font-weight:var(--fw-bold);margin-bottom:var(--space-3)}.console-body p{color:var(--color-text-secondary);font-size:var(--text-sm)}@media(max-width:639px){.auth-card{padding:var(--space-8) var(--space-6);border-radius:var(--radius-sm);border-left:none;border-right:none;max-width:100%;box-shadow:none}.page-center{align-items:flex-start;padding-top:var(--space-10)}}